React-Select 下拉列表在通过 react-sortable-hoc 重新排序(排序)后不保留值

React-Select dropdown is not persisting value after reordering(sorting) them by react-sortable-hoc

我正在尝试创建一个下拉列表,可以通过拖动它们来重新排序。对于拖放,我使用的是 react-sortable-hoc。在这里,我附上了一个工作样本。 Link for sample

要重现该问题,Select 通过鼠标或键盘输入第一个下拉列表中的值。之后拖动该元素(第一个下拉列表)并将其放在第 3 或第 4 个位置,然后您观察到下拉列表不会保留该值。 Selected 值显示在第一个元素处。这可能是什么原因造成的?我该如何解决?

您需要将 onSortEnd 处理程序作为道具传递给您的 srotableContainer

<List items={this.state.items} onSortEnd={this.onSortEnd}/>;

我还建议您在项目上添加一个键

<Item key={item} data={item} index={index} />

这是它正在工作的分叉沙箱: https://codesandbox.io/s/adoring-raman-l72xw?fontsize=14