javascript - Reactjs:将文本插入 React-Select 输入字段

标签 javascript jquery node.js reactjs react-select

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

相关文章:

javascript - 销毁 Node cron 作业或取消 Node 调度程序作业

node.js - 在 Vue.js 中找不到这些依赖项错误

Javascript 6 字符和空格检查

javascript - 如何将类添加到javascript中的第三个<li>元素

javascript - jQuery Ajax 加载表而不是整个页面

javascript - AngularJS 中的 jQuery.ajaxStart 等价物 | AngularJS 中的 Ajax 事件处理程序

javascript - request.url 没有在 NodeJS 中给出完整的 url

javascript - 将对象的边缘彼此对齐并防止重叠

javascript - 如何使用 JavaScript 更改 Flask 表单输出

javascript - 定义自定义服务的语法