reactjs - React-select 在使用初始加载值实现全选/取消全选时面临多个错误

Question

我正在尝试实现一个 react-select 组件，该组件具有Select All函数以及来自 API 的初始加载值。在我选择了选项后，它会将选择的选项发送到它的父组件，App.js在这种情况下使用方法getEmployeeVisibility. 如果没有初始加载值，则选择有效，但是当我将一些初始值加载到选择时，我面临一些问题：

1. 初次单击后，我必须双击以选择一个选项
2. 如果只有一个初始加载选项，我会valueRef.current.some is not a function在打开输入选项时收到错误
3. 如果我取消选择所有内容，我将Cannot read property 'toString' of null在App.js.

在这种情况下，将初始值加载到选择的正确方法是什么？

这是我的代码框供参考：

标签： reactjsreact-select