reactjs - Material ui select onchange 不冒泡

Question

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

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

我在这里缺少什么？

谢谢。

Answer 1

触发更改的事件确实冒泡，但它不是“更改”事件。 onChange您提供的函数被调用以响应 click event on the MenuItem .甚至那个“点击”事件也可能是点击事件或 key down event (例如，如果您使用箭头键然后 Enter 选择一个项目)。

这是对您的沙箱的修改，其中包含一些额外的控制台日志记录:https://codesandbox.io/s/material-demo-u5b51?file=/demo.tsx .