ReactJS：在select

Question

在我的Select中选择一个选项后（使用react-select），我使用“ onChange”回调道具来使用所选值进行操作。我想在选择中显示初始占位符，而不是用户选择的选项。

我试图在选择上添加一个引用，并为select.value提供一个空值，但没有任何反应。

addTravellers(event){
    this.setState({travellers : this.state.travellers.concat(event.value)},()=>this.checkPax(this.state.travellers));
  }

<Select 
        options={ages}
        placeholder={"my placeholder"}
        className={s.selector}
        onChange={(e) => this.addTravellers(e)}
        ref={this.refSelect}
        /> 

我想要的结果是在调用addTravellers()之后，select应该显示占位符，而不是最后选择的值。

Answer 1

如果我的理解正确，您希望在用户选择一个选项时触发onChange回调，但是无论用户选择什么，都希望占位符保持可见-在这种情况下，一种简单的解决方案是强制{ {1}}作为null的{​​{1}}道具，它将使占位符在选择选项后保持可见：

value