onClick 未触发，事件是一个函数

Question

我知道这里有 400 个标题相同的问题，但对于每个问题，问题是 onClick 方法不是函数。我的是。

<button
    type="button"
    key={level}
    onClick={() => {
      console.log("Why Can't You See Me?")
      props.onSelected(item)
    }}
  >
    {title()}
  </button>

我使用 chrome 开发人员工具选择了我正在单击的按钮，以显示它是 100% 正确的按钮。我很困惑为什么 onClick 没有触发。

按钮位于 "absolute"，如果有帮助的话。是否有任何东西拦截了 onClick 事件？我对前端比较陌生，但我假设问题出在它之上，但我根本看不到它。

我用的是https://github.com/mlaursen/react-dd-menu，我基本上是照搬他们的示例代码。有什么想法吗？

编辑：添加了一个视频来演示这一点：https://youtu.be/qnsp4XTAKzI ...也许还有其他优先事项？

编辑 2：这是一张展示 jsejcksn 命令结果的图片。未定义：

编辑 3：将 {title()} 替换为 {"This button does not work"}，它仍然不接受点击。

编辑 4：转载于 Codepen：https://codesandbox.io/s/adoring-wozniak-r6vct?fontsize=14&hidenavigation=1&theme=dark

Answer 1

问题源于这一行：https://github.com/mlaursen/react-dd-menu/blob/master/src/js/NestedDropdownMenu.js#L45. It's intercepting all clicks and stopping propagation. Removing this line: https://github.com/mlaursen/react-dd-menu/blob/master/src/js/NestedDropdownMenu.js#L54，解决了问题。

工作示例:

也就是说，react-dd-menu 软件包非常过时。我建议寻找其他替代方案（或开发自己的下拉菜单！）。

onClick 未触发，事件是一个函数

onClick not firing, event IS a function

javascript

reactjs

react-md