Reactjs：将文本注入 React-Select 输入字段答案

【问题标题】：Reactjs: Inject a text into React-Select Input fieldReactjs：将文本注入 React-Select 输入字段
【发布时间】：2016-07-20 03:54:23
【问题描述】：

我正在使用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} />

我的选项是根据弹性搜索的结果动态创建的。另外，我的标签和我的值是两个不同的字符串（一个是“id”，一个是“name”）。

我需要能够将名称注入到 react-select 输入框中。我怎么能做到这一点？

【问题讨论】：

标签： javascript jquery node.js reactjs react-select

【解决方案1】：

获取您选择的组件的引用

<Select ref="select"...

然后用新值调用它的setValue方法，它会触发onChange事件

this.refs.select.setValue("hello")

【讨论】：

我这样做的方式不同，但你的方式更合适。