onClick事件未在React Popover(材料UI)上触发

Question

请假设Popover已经打开。现在我想，如果用户点击popover，它应该重定向到"；getBikes"。我在Popover上尝试过onClick，也尝试过在div上添加事件。但Popover上的点击事件仍然不起作用。

<Popover
onClick={e => {
window.location.href = "/getBikes/"
}}
open={eventOpen}
anchorEl={eventAchor}
className={classes.popoverreact}
>
<div onClick ={this.onClickHandle}>
<Typography>
{eventBike.name}
</Typography>
</div>

Answer 1

您需要将onClick回调定义为Popover:中的道具

const Popover = ({ open, anchorEl, className, onClick }) => (<div id="wrapper" onClick={{onClick}}>
...
</div>);

onClick是将点击回调绑定到HTML元素的反应方式

组件是一个抽象概念，用于包装几个HTML元素或代码逻辑。因此，通过假设默认情况下事件将由一个可能为空或仅定义逻辑的容器侦听来应用onClick道具是没有意义的

这是更多信息的文档