阅读(4830) (0)

与其他类库并行使用 React

2015-11-06 18:23:55 更新

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

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)