javascript - 使用动态生成的选项对select的defaultValue进行 react

使用defaultValue或value props代替在上选择的设置。

<select defaultValue="react">
 <option value="react">React</option>
 <option value="angular">Angular</option>
</select>

defaultValue将与上述select标签一起使用。但是，它似乎不适用于循环生成的选项。

<select defaultValue={selectedOptionId}>
{option_id.map(id =>
  <option key={id} value={id}>{options[id].name}</option>
)}
</select>

声明defaultValue时，选项可能未完全设置吗？

我可以在componentDidUpdate()和onChange事件中进行手动分配。

但是我的问题是-有没有更清洁(更好)的方法来解决它？

谢谢。

最佳答案

对于遇到此问题的用户，您可以使用value属性而不是defaultValue属性来获得所需的功能，例如:

<select value={selectedOptionId}>
  {option_id.map(id =>
    <option key={id} value={id}>{options[id].name}</option>
  )}
</select>