gpt4 book ai didi

javascript - 当函数传递给 child 时, react onClick 事件不会触发

转载 作者:数据小太阳 更新时间:2023-10-29 04:34:42 27 4
gpt4 key购买 nike

<分区>

我有一个非常简单的 React 组件,我将 onClick 事件的回调传递给子元素;但是,onClick 事件似乎从未触发过。该类如下,HamburgerMenuHamburger 已正确导入/呈现,这些组件上不存在任何事件。

export default class AppHandler extends React.Component {
componentWillMount() {
this.state = {
menuOpen: false
};
}
render() {
return (
<div>
<HamburgerMenu menuOpen={this.state.menuOpen} />
<div className="content">
<nav>
<Hamburger onClick={this.onMenuChange.bind(this)} />
</nav>
</div>
</div>
);
}
onMenuChange() {
console.log('onMenuChanged');
this.setState({ menuOpen: !this.menuOpen });
}
};

如果在 Hamburger 组件中我在根元素上设置另一个 onClick 事件然后设置 this.props.onClick作为那个事件处理程序,但从我所看到的一切来看,这似乎是不必要的。

有什么指导吗?谢谢!

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com