反应选择选择单个值

Question

我正在尝试使用react-select v2动态构建Select组件

它正在工作，但与我预期的不同。

关注此链接以帮助我：https://codesandbox.io/s/y3x775qzrv

有些问题令我感到困惑：

1. 当我在Select下拉列表中选择一个值时。它返回给我一个名为array的值对象listIssuesSelected，很好。但是当我重新选择时。我希望将所选的值替换为该数组。不增加新价值。我们该如何处理？

2. 第二个是我正在动态构建Select组件。 让我们看一下这种情况：默认情况下，我有一个Select组件。然后，我单击Add new issue按钮添加一个新的Select组件，从中选择一项。此本地状态将根据我选择的项目进行更新。好的，现在我点击了-组件中的Select按钮，将其删除到DOM。我也要删除该Select组件中的所有项目。仅基于可用state组件的数据更新该组件Select中的项目。我们该如何处理？

例如：

state数据：[]

Select1组件数据：['Hard for Debugging'] => state数据：['Hard for Debugging']

添加新

Select2组件数据：['Time Estimation'] => state数据：['Hard for Debugging', 'Time Estimation']

删除Select1组件状态将为：state数据：['Time Estimation']

我的代码：

  onAddSelectBox = () => {
   const { numberSelectBox } = this.state;
   this.setState({ numberSelectBox: numberSelectBox + 1 });
   // Then do something... ??
 };

  onRemoveSelectBox = () => {
    const { numberSelectBox } = this.state;
    this.setState({ numberSelectBox: numberSelectBox - 1 });
    // Then do something... ??
  };