可排序的多选组件不会使用更新的选定值重新渲染

Question

我正在尝试在使用 react-hook-form 管理的表单中使用可排序的多选组件（react-select）。当我拖动我的项目以对其重新排序时，它会按预期更新我的表单值，但我无法让 ui 反映此更改。

非常感谢您的帮助或只是另一双眼睛。

这是一个代码沙箱，您可以尝试重新排序值并看到上面的输出已更新但未在选择组件中。

https://codesandbox.io/s/priceless-bohr-4jtkw?file=/src/App.tsx

Answer 1

我对 react-select 不是很熟悉，但我见过 defaultValue 之前使用过的道具，它就是这样做的 - 设置初始默认值。

将其更改为 value 会产生一个有效的可排序选择。