集册 React 中文版 与其他类库并行使用React

与其他类库并行使用React

—— 与其他类库并行使用 React

欢马劈雪     最近更新时间:2020-08-04 05:37:59

481

你不用非得全部采用 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)。