物料UI问题选择onChange

Question

我正在使用材料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.

这是我在选择中使用的代码：

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

当我尝试在屏幕上显示｛myType｝时，什么也不会显示。

有没有解决这个问题的方法，因为我似乎只是在更改材质ui选择值时才收到这个错误？

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}
/>