reactjs - 提交后重置 React-Select (Unform)

Question

我正在研究 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，Select 组件位于 src/components/Select/index.tsx。

请注意，在仪表板索引中，我已经在将数据发送到 API 后使用了 formRef.current?.Reset()，但是，它只是重置输入，Select 不会继续有待填补。

我无法实现任何有效的方法，也许有人已经做到了？

预先感谢您的帮助!

Answer 1

以下是您可以执行的操作:

在你的Dashboard --> index.js handleSubmit 下，formRef.current?.reset(); 添加以下内容:

formRef.current?.reset()

//add these 2 lines:

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

这将允许您通过 ref 获取 react-select 组件并重置它。