ReactDOM

今気づいたんですが、Reactが数日前に0.14にバージョンアップしていました。 0.14で、ReactDOMをReactから分離したそうです。さっそく、react-domをインストールします。 index.jsは以下のように、インポートの追加と、最後のReact.renderの箇所を書き換えます。 npm install react-dom --save

//index.js
var React = require('react');
var ReactDOM = require('react-dom');//react-domをインポート
var Header = require('./views/header.jsx');
var Body = require('./views/body.jsx');
var Footer = require('./views/footer.jsx');

//classNameでcssを指定
var Index = React.createClass({
  render:function(){
    return (
      <div>
        <Header/>
        <div className="main">
          <Body/>
        </div>
        <Footer/>
      </div>
    );
  }
});

//React.renderをReactDOM.renderに変更。
ReactDOM.render(
  <Index />,
  document.getElementById('content')
);

0.13からバージョンアップした際の注意事項ですが、今までReact.findDOMNode()と書いていたところも、 ReactDOM.findDOMNode()と書く必要があります。で、そもそもgetDOMNode()は使わないでねと。

サンプルソース

https://github.com/kunitak/react-tutorial/tree/day4 次回→今からはじめるReact.js〜propsとstate、それからrefs〜

この記事を書いた人 : 國田健史

その他のスタッフブログ:

一覧へ戻る

今からはじめるReact.js〜React ver0.14〜

ReactDOM

サンプルソース

JOIN OUR TEAM