reactjs - Material ui select onchange 不冒泡

标签 reactjs material-ui event-bubbling

我有一个 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

我在这里缺少什么?

谢谢。

最佳答案

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

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

关于reactjs - Material ui select onchange 不冒泡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62216528/

相关文章:

javascript - 类型错误 : Cannot read property 'current' of undefined focus

html - 如何使用 ant design 在 ReactJS 中将半圆蒙版应用于图像并在图像内添加按钮?

css - 使用样式组件,如何定位组件的子类?

javascript - 如何确保绑定(bind)到 hashChange 事件不冒泡?

javascript - 如何在 JavaScript 中停止事件冒泡?

javascript - 如何在 React.js 中使用字符串数组来使用变量名

javascript - react : Element type is invalid when using react-weather

javascript - 当我使用 Object.assign 设置状态时,Material-UI TextField 错误文本未出现

reactjs - 由 Material ui 创建的 objective-c SS 子选择器

javascript - 防止滚动冒泡