我正在使用react-select 。
有时我需要更新我的 react 选择输入字段而不直接与输入交互(我需要将文本注入(inject)其中)。我似乎无法找到一种方法来正确地使用文档来完成此操作。这是我的 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} />
我的选项是根据 Elasticsearch 的结果动态创建的。另外,我的标签和我的值是两个不同的字符串(一个是“id”,一个是“name”)。
我需要能够将名称注入(inject)到 react 选择输入框中。我怎样才能做到这一点?
最佳答案
获取对您选择的组件的引用
<Select ref="select"...
然后使用新值调用它的 setValue
方法,它将触发 onChange
事件
this.refs.select.setValue("hello")
关于javascript - Reactjs:将文本插入 React-Select 输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38466887/