0

私はreact-selectを使用しています。

入力を直接操作せずに、react-select 入力フィールドを更新する必要がある場合があります (テキストを挿入する必要があります)。ドキュメントでこれを適切に行う方法が見つからないようです。

これが私のReact-Select入力です：

<Select name='event-title-edit'  
  className="event-title-edit" 
  ref="stateSelect" autofocus 
  optionComponent={DropdownOptions} 
  optionRenderer={this.optionRenderer}  
  onInputChange={this.handleChangeTitle} 
  options={this.state.titleResults} simpleValue 
  clearable={this.state.clearable} 
  name="selected-state"  
  value={this.state.selectedTitleValue} 
  onChange={this.handleTitleChosenEdit} 
  onClose={this.onCloseTitle} 
  searchable={this.state.searchable} />

私のオプションは、エラスティック検索の結果に基づいて動的に作成されます。また、ラベルと値は 2 つの異なる文字列です (1 つは「id」で、もう 1 つは「name」です)。

反応選択入力ボックスに名前を挿入できるようにする必要があります。どうすればこれを行うことができますか？

4

1 に答える 1

1

選択したコンポーネントへの参照を取得する

<Select ref="select"...

次に、新しい値でメソッドを呼び出すと、イベントsetValueがトリガーされますonChange

this.refs.select.setValue("hello")
于 2016-07-19T19:54:23.317 に答える