React-Select 下拉菜单更改默认文本

Question

我目前正在使用 React-Select 创建下拉菜单。这是非常简单的代码：

<Select className="dropdown" value={this.state.selectedOption} 
 options={this.state.options} onChange={this.handleQueryDropdown.bind(this)}/>

产生这个：

我的问题：是否可以将“Select...”更改为不同的消息？我搜索了堆栈和 api，但找不到任何示例。

谢谢！

Answer 1

使用：placeholder 属性.

  <Select
    className="dropdown"
    value={this.state.selectedOption} 
    options={this.state.options}
    onChange={this.handleQueryDropdown.bind(this)}
    placeholder='Any String You Want'
  />

发件人：props

React-Select 下拉菜单更改默认文本

React-Select drop-down menu change default text

reactjs

react-select