Material-UI Select onChange 问题

Question

我正在使用 Material-UI select 并且无法访问 select 值，因为我收到警告：

index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference.

这是我在 Select:

中使用的代码

const [myType, setMyType] = useState('');

<Select
  name="myTypeNm"
  label="Type"
  onChange={(e) => {setMyType(e.target.value)}}
  options={myTypes}
/>

当我尝试在屏幕上显示 {myType} 时，没有任何显示。

是否有解决此问题的方法，因为我似乎只在更改 material-ui select 值时收到此错误？

Answer 1

这是一个 Material UI 小错误。所以这不是很重要，所以你的代码可以正常工作。你只需要忽略它。我建议您将它报告给 Material UI Github 存储库以在下一个版本中修复它。

Answer 2

您还没有为 select 提供值，所以它不能传递任何东西，像这样更新它会起作用


const [myType, setMyType] = useState("");
const options = ["Dog","Cat"]
<Select
  name="myTypeNm"
  label="Type"
  onChange={(e) => {setMyType(e.target.value)}}
  options={options}
  value={myType}
/>

Material-UI Select onChange 问题

Issue with Material-UI Select onChange

javascript

reactjs

material-ui

strict-mode