如何在相同的onclick上传递道具并激活功能？

Question

我想接收一个道具并使用相同的onclick激活功能。

在navbar.js中传递了道具 <Hamburger menuOpen={this.ToggleMenu} />

在Hamburger.js中收到了道具。当前，this.handleClicks函数处于激活状态，但没有props功能。如果我切换他们的位置，道具功能将起作用，但功能将不起作用。

handleClick = () => {
 console.log('handle click');
};

<div
 className={classes.Start}
 onClick={(this.props.menuOpen, this.handleClick)}
 >
This is div.
</div>

Answer 1

我认为您想要实现的是在onClick处理程序中调用this.props.menuOpen。

handleClick = () => {
 console.log('handle click');
 this.props.menuOpen();
};

<div
 className={classes.Start}
 onClick={this.handleClick}
 >
This is div.
</div>

像您一样将多个功能分配给onClick处理程序不起作用。