2 回答

TA貢獻1900條經(jīng)驗 獲得超5個贊
根據(jù)您的代碼,您似乎已經(jīng)知道該怎么做。就舉onSearchTermChanged個例子吧。
在您的NavigationBar組件中這樣做:
...
<div>
<button onClick={this.props.onToggle}>Toggle</button>
</div>
...
如果您的導航欄需要了解狀態(tài),您可以考慮添加額外的處理程序:
constructor(props) {
...
this.handleToggle = this.handleToggle.bind(this);
}
handleToggle() {
this.setState({ toggled: !this.state.toggled });
this.props.onToggle();
}
render() {
...
<div>
<button onClick={this.handleToggle}>Toggle</button>
</div>
...
}
在您的應用程序組件中:
...
<NavBar
onSearchTermChanged={this.searchReturn}
onToggle={this.toggleMainView} // <----
styleOptions={this.state.style}
showMainView={this.state.showMainView}
featuresVisible={this.state.featuresVisible}
></NavBar>
...
添加回答
舉報