离线下载
PDF版 ePub版

极客学院团队出品 · 更新于 2018-11-28 11:00:42

与其他类库并行使用 React

你不用非得全部采用 React。组件的生命周期事件,特别是componentDidMountcomponentDidUpdate,非常适合放置其他类库的逻辑代码。

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

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

  componentWillUnmount: function() {
    // Clean up work here.
  },

  shouldComponentUpdate: function() {
    // Let's just never update this component again.
    return false;
  },

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

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

你还可以通过这种方式来绑定你自己的事件监听(event listeners)甚至是 事件流(event streams)

上一篇: this.props.child... 下一篇: Dangerously Set...