如何在NewOptionClick上关闭菜单？

Question

我的守则

<Creatable
   name="productType"=
   options = {this.state.productOptions}
   value = {this.state.productType}
   onNewOptionClick = {this.createProductType}
   onChange = {this.handleProductChange}  
 />

createProductType(option) {
    var options = this.state.productOptions;
    var label = option.label.charAt(0).toUpperCase() + option.label.slice(1);
    options.push({
        label: label,
        value: option.value
    })
    this.setState({
        productOptions: options,
        productType: option.value
    })
}

在我点击新选项之前:

点击新选项后:

单击新选项后所需的UI状态:

是不是要将此作为问题发布在Github上,因为我不确定使用onNewOptionClick的确切方法.

Answer 1

我能够通过添加一个来解决这个问题 ref

ref={input => this.productSelect = input }

然后这样称呼它

this.productSelect.select.closeMenu();

这(https://github.com/JedWatson/react-select/issues/1262)提供了最后的线索,帮助我解决了这个问题.谢谢.