在React中使用默认的<option> select元素

Question

我在React中遇到了select元素（也有关于它的弱文档）。

有没有本地人？选项使用受控<select>，占位符黑客（<option value={null} />）？

我觉得这种输入类型对React来说是无用的。

主要目标是： - 为了支持而使用原生输入（移动浏览器，验证和样式的统一，直接堆栈） - 有必要的选择输入 - 在选择输入中有占位符

度过美好的一天！

Answer 1

终于解决了！

重要的是在设置值时将空字符串转换为null，从状态获取时将null转换为空值，因此：

  <select
    required
    onChange={e => this.setState({select: e.target.value || null})}
    value={this.state.select || ''}
  >
    <option value=''>None</option>
  ...