Блог

Я пытаюсь реализовать компонент 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 .

Каков правильный способ загрузки начальных значений в select в этом случае?

Вот мой код и поле для справки: