Блог

Я изучаю ReactJS и Typescript, а также библиотеку для форм, называемых Unform (https://github.com/Rocketseat/unform ).

У меня есть форма с некоторыми полями, включая поле выбора (https://react-select.com /). Моя проблема в том, как очистить это поле react-select после отправки формы?

Репозиторий моего проекта:https://github.com/fredarend/icetec-frontend

Форма находится по адресу: src/pages/Dashboard/indext.tsx а компонент выбора находится по адресу src/components/Select/index.tsx .

Обратите внимание, что в индексе панели инструментов я уже использовал formRef.current?.Reset() после отправки данных в API, однако это только сброс входных данных, Select не продолжает заполняться.

Я не могу реализовать ничего, что работает, может быть, кто-то уже это сделал?

Заранее спасибо за вашу помощь!

Вот что вы можете сделать:

На вашем Dashboard -> index.js handleSubmit , в formRef.current?.reset(); разделе добавьте следующее:

 formRef.current?.reset()

//add these 2 lines:

const select = formRef!.current!.getFieldRef('technologies');
select.select.clearValue()
  

Это позволит вам захватить react-select компонент за его ref и сбросить его.