Reactと他ライブラリとの連携

全てをReactで作る必要はありません。 コンポーネントのライフサイクルイベント、 特にcomponentDidMountcomponentDidUpdateは他のライブラリのロジックを書くのに最適な場所です。

var App = React.createClass({
  getInitialState: function() {
    return {myModel: new myBackboneModel({items: [1, 2, 3]})};
  },

  componentDidMount: function() {
    $(React.findDOMNode(this.refs.placeholder)).append($('<span />'));
  },

  componentWillUnmount: function() {
    // クリーンアップ処理をここに書きます。
  },

  shouldComponentUpdate: function() {
    // このコンポーネントが再度更新されることのないようにします。
    return false;
  },

  render: function() {
    return <div ref="placeholder"/>;
  }
});

React.render(<App />, mountNode);

独自のイベントリスナーと、 このようなイベント・ストリームでさえも割り当てることが可能です。

 Back to top

© 2013-2017 Facebook Inc.
Documentation licensed under CC BY 4.0.

このページは、ページトップのリンク先のReact内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • ドキュメントの情報が古い可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。