javascript - React 中默认 的使用需要选择元素

Question

我正在努力处理 React 中的 select 元素(而且相关文档也很薄弱)。

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

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

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

祝你有美好的一天!

Answer 1

终于解决了!

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

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