选择元素占位符作为反应

Question

我试图添加placeholer来选择反应中的元素。此时我正在使用：

<option disabled selected hidden>{props.placeholder || "Select options"}</option>

但是我收到了警告：

Warning: Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>.

我已经尝试过defaultValue和其他几个，但没有任何效果。

干杯， 丹尼尔

Answer 1

在React中，您不会将selected属性添加到option-tag，但是您需要指定defaultValue prop（Uncontrolled Component）或定义值prop（{ {3}}）在您的选择标记中。

以下是一个不受控制的例子：

<select defaultValue="apple">
  <option value="apple">Apple</option>
  <option value="banana">Banana</option>
</select>