我正在尝试单击将触发更改列表顺序的排序图标。
为了使它更简单,假设您有一个按钮和另一个按钮,并且它们彼此位于不同的 div 上。
<div>
//Button 1
<button onclick={"some_click_handler"}>
</div>
<div>
//Button 2
<button>
{this.state.someToggle ? true : false}
</button>
</div>
创建一个将回调传递给按钮的组件,此回调将更新容器的状态,进而设置列表的道具。这在 React 中很常见,也是组合模式如何工作的基础。如果您需要在两个组件之间共享数据,只需将它们放在一个容器中并将状态提升到父组件。这些组件通常被称为容器,并且有很多关于它的文档。
这是一个很好的起点:https : //reactjs.org/docs/lifting-state-up.html
像这样的东西...
class Container extends React.Component {
constructor(props) {
super(props);
// Don't forget to bind the handler to the correct context
this.handleClick = this.handleClick.bind(this);
}
handleClick(sort) {
this.setState({sort: sort});
}
render() {
return (
<Button handleClick={this.handleClick} />
<List sort={this.state.sort} />
)
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句