Александр, здравствуйте.
--
Я так понял речь идёт об этой библиотеке.
import Select from 'react-select'
Согласно
документации по React JS, данные заносятся в value, а данные по умолчанию в defaultValue. Если использовать только value, React будет ругаться на то что эти данные не под его контролем.
Аффтарр
этого плагина не стал заморачиваться и использовал те же аттрибуты что и в React.
Получается следующее.
<Select
isMulti // разрешить множественный выбор
placeholder="Choose country" // текст в поле если пусто
closeMenuOnSelect={true} // разрешать кнопку удаления тегов внутри инпут
value={countryOptions.find(obj => obj.value === select)} // тут выбранные страны
defaultValue={select} // тут из стейта по умолчанию
name="country" // имя селекта
onChange={handleChange} // сюда можно вставить функцию которая будет следить за событиями
options={countryOptions} // массив данных, откуда выбираются страны
styles={countryStyles} // стилистика, цвета и размеры
/>
Вот собственно и получается
const [select, setSelect] = useState([countryOptions[0], countryOptions[7]])
Вот текущий стейт, в котором по умолчанию countryOptions показывает первую и восьмую запись.
Что такое реструктуризация данных, надеюсь, вы знаете.
setSelect() поможет мутировать стейт.
Получить и передать, то что в стейте
select.
Профит ?
