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