在 React 中使用默认的 <option> 必需的选择元素答案

【问题标题】：Usage of default <option> in React required select element在 React 中使用默认的 <option> 必需的选择元素
【发布时间】：2017-07-20 05:36:33
【问题描述】：

我正在为 React 中的 select 元素而苦苦挣扎（也有关于这方面的薄弱文档）。

是否有任何“本机”选项可以使用受控 <select>，以及占位符破解 (<option value={null} />)？

我感觉这种输入类型对 React 来说没什么用。

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

祝你有美好的一天！

【问题讨论】：

标签： javascript html reactjs

【解决方案1】：

终于解决了！

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

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

【讨论】：