Reactjs多选列表框

我在react js中实现了一个多选列表框，如下所示

问题是，当我将任何选项从selectbox 1移动到selectbox 2时，它会移动该选项，但也会使selectbox 2中的下一个选项变灰，似乎第二个选项也被选中了，即使它没有被选中，要选择第二个选项，我首先必须选择其他一些选项，然后再次选择所需的选项

我在选择字段中使用了

onChange={this.handleInputChange}

函数定义为：

handleInputChange（evt）{this.setState（{……}）；}

我已经创建了一个自定义组件来呈现select:

因此，每当我按下按钮将选项从一个列表移动到另一个列表时，

list

对象就会被操纵，它是包含所有对象的数组

---

我想要的是，每当选项从一个列表移动到另一个列表时，选择框中不应该有任何显示为选中的选项。

如果您能在沙箱中提供代码，那将非常好，因为如果不知道handleInputChange函数中有什么，很难说出发生了什么