Material ui select onchange 不冒泡

Question

我有一个 div，其中有一个 Material ui Select、Material ui TextField 和一个纯 html 选择。这个 div 有一个 onchange 事件，它只是控制台记录event.target.value。当材质 ui TextField 的 onchange 或选择被触发时，event.target.value会记录到控制台。但不适用于material ui select的onchange。

示例代码：https://codesandbox.io/s/material-demo-03495? file=/demo.tsx

我在这里缺少什么？

谢谢。

Answer 1

触发变化的事件确实冒泡，但它不是“变化”事件。您提供的函数onChange将被调用以响应上的单击事件MenuItem。即使“单击”事件也可以是单击事件或按键事件（例如，如果您使用箭头键，然后Enter选择一个项目）。

这是对沙箱的修改，带有一些额外的控制台日志记录：https://codesandbox.io/s/material-demo-u5b51 ?file=/demo.tsx 。