Как очистить значения в react-select

Рейтинг: 0Ответов: 1Опубликовано: 15.08.2023

Имеется вот такой код:

<Select
 options={dangerGroup}
 onChange={(name) => setDangerGroup(name)}
 required
 placeholder ={'Группа опасности'}
/>

Селект завернут в форму и нужно при оправке очищать данный селект. Ни как не могу понять как должно работать.

javascript reactjs
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Для очистки выбранного необходимо в свойство value передать пустую строку

export default function App() {
  const [dgroup, setDangerGroup] = useState();
  const clear = () => {
    setDangerGroup(""); // Очищаем выбранное
  };
  return (
    <>
      <Select
        options={dangerGroup}
        onChange={(name) => setDangerGroup(name)}
        required
        placeholder={"Группа опасности"}
        value={dgroup}
      />
      <button onClick={clear}>Очистить</button>
    </>
  );
}

Работающий пример в песочнице