ReactJS: сбросить отображение заполнителя внутри выбора

Question

После выбора опции в моем Select (используя react-select) я использую опору обратного вызова onChange, чтобы сделать что-то, используя выбранное значение. Я хотел бы, чтобы вместо начального параметра, выбранного пользователем, отображался начальный заполнитель.

Я попытался добавить ссылку на select и присвоил 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(), выбор должен отображать заполнитель вместо последнего выбранного значения.

Answer 1

Если я правильно понимаю, вы хотите, чтобы обратный вызов onChange был запущен, когда пользователь выбирает опцию, однако вы хотите, чтобы заполнитель оставался видимым независимо от выбора пользователя - в этом случае простое решение было бы заставить nullкак value опора <Select />, которая заставит заполнитель оставаться видимым после выбора опции:

<Select 
    options={ages}
    placeholder={"my placeholder"}
    className={s.selector}
    onChange={(e) => this.addTravellers(e)}
    value={ null } /* <-- add this */
    /* ref={this.refSelect} Not needed */
    />