填充flux store的react-select选项

Question

我的目的是使用react-select创建一个多选组件。我无法解决react-select的小问题。我需要在焊剂储存器中使用以下内容。

1. 用户已选择的值。这是通过valueArray属性
传递的
2. 要在选择列表中填充的值。这是通过options属性
传递的

当用户在输入框中键入内容时，使用onInputChange挂钩捕获此输入值，这会引发一个磁通操作，该操作会使用要填充的新值列表更新存储并发出{{ 1}}事件。现在的问题是，当发出change事件时，组件将使用选定的值和新的选项集重新呈现。发生这种情况时，用户为筛选选项键入的值会丢失（因为change）会重新呈现。有没有办法在react-select中保留过滤器文本而不移动在flux存储区外取出的选项？

Answer 1

存在两个可以存储州的地方： *在状态组件中 *在商店

对于这个具体案例，您可以将所选值保存在组件状态中，并分配给反应选择的ve值prop。

onChange func： this.setState({value: whatTheUserIsWritting}); 反应选择组件： <Select value={this.state.value}/>

使用此解决方案，如果重建组件，您将失去状态。在这种情况下，你必须使用外部助焊剂储存。