时间戳

首页 > 解决方案 > Material ui select onchange 没有冒泡

reactjs - Material ui select onchange 没有冒泡

问题描述

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

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

我在这里想念什么？

谢谢。

标签： reactjsmaterial-uievent-bubbling

解决方案

您可以使用本机属性。您将获得 UI 作为Material，但功能作为原生选择，因此也会出现气泡。

      <Select
        native
        value={muiSelectValue}
        onChange={handleMuiSelectOnChange}
        autoWidth
      >
        <option value="one">One</option>
        <option value="two">Two</option>
        <option value="three">Three</option>
      </Select>

推荐阅读