Reactjs多选列表框

Question

我已经在React js中实现了一个多选列表框，看起来像这样

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

我在选择字段上使用了onChange={this.handleInputChange}

函数定义为：handleInputChange(evt){this.setState({......});}

我已经创建了一个自定义组件来呈现选择：<Select list={this.state.list} />

因此，每当我按下按钮将选项从一个列表移动到另一个列表时，都会操纵list对象，该对象是包含所有对象的数组。

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