javascript - react 选择 - 在选定值上单击打开选择(多选)

Question

我正在使用启用了多重选择的react-select。如何在单击选定值时强制打开下拉菜单？

这是迄今为止的代码片段:

[...]
valueClick(value) {
    this.DOMNode.focus();
},

<Select
    multi={this.state.multi}
    onChange={this.handleSelectChange}
    options={options}
    ref={(ref)=>{this.DOMNode = ref}}
    autosize={false}
    openOnFocus={true}
    value={value}
    onValueClick={this.valueClick}
/>
[...]

如您所见，我正在尝试使用焦点功能来强制打开菜单，如 suggested by the creator的组件。我已将 openOnFocus 变量设置为 true 并手动将 ref 设置为组件本身。您还可以看到上面调用 focus() 方法的函数。

我错过了什么？

Answer 1

有一个新的 Prop ，menuIsOpen。您需要添加的只是 menuIsOpen={true} ，它将保持打开状态。