reactjs HTML选择输入标记导致React JS中的“selected”属性出错

soat7uwm  于 2023-03-12  发布在  React
关注(0)|答案(1)|浏览(127)

在React警告中看到此警告:在上使用defaultValuevalue prop ,而不是将selected设置为开。这意味着什么?

k97glaaz

k97glaaz1#

它基本上是一个警告,鼓励您将代码从<option selected>更改为<select defaultValue="theValue">或使用受控选择。
这可能是因为React希望保持Form组件之间的一致性。
编辑:你可以用useState钩子和一个受控的select来实现它:

const [value, setValue] = useState("defaultValue");

...

<select value={value} onChange={(e) => {setValue(e.target.value)}}>
    <option value="defaultValue"> Default </option>
    <option value="otherValue"> Other </option>
</select>

相关问题