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

时间:2019-07-16 18:38:27

标签: reactjs react-select

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

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

哪个生成此:

The React-Select Dropdown

我的问题:是否可以将“ 选择... ”更改为其他消息?我在堆栈和api上进行了搜索,但是找不到任何示例。

谢谢!

1 个答案:

答案 0 :(得分:3)

使用:placeholder个属性。

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

发件人:props