关键是使用来更新点击处理程序中组件的状态setState。应用状态更改后,将render使用新状态再次调用该方法:
var Search = React.createClass({
getInitialState: function() {
return { showResults: false };
},
onClick: function() {
this.setState({ showResults: true });
},
render: function() {
return (
{ this.state.showResults ? : null }
);
}
});
var Results = React.createClass({
render: function() {
return (
Some Results
);
}
});
ReactDOM.render( , document.getElementById('container'));