Material-UI 的问题 Select onChange

问题描述

我正在使用 Material-UI 选择，但在收到警告时无法访问选择值：

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 选择值时才会收到此错误？

解决方法

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

,

您尚未提供 select 的值，因此它无法传递任何内容，像这样更新它会起作用

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