react-select - 打开选择所选值单击（多选）

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

现在在新版本中有一个属性可以控制它。

Answer 2

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

Answer 3

对于仅对调试/样式有兴趣的人：

我设法通过改变内部state.isOpen来强制它通过React Chrome插件。

在我的情况下，我想调整CSS并需要关注容器（Select-menu-outer）以更改其CSS。