在反应<Option>中选择默认值未被选中

Question

当我单击第一个选项时，它不采用第一个选项。在单击其他选项之后，然后单击第一个选项，然后它接受值

Fruits.map((x, index) => { return <Option selected={myFruit.name === x.name} value={index}>{x.name}</Option>

Answer 1

在选项

中使用select元素中的状态值而不是selected

<select value={myFruit.name}>
// options
</select>