React Hook 表单 defaultValues v/s 值

Question

使用 React Hook Form 时，虽然我了解“defaultValues”用于在初始表单加载时设置表单字段值。

但是，假设有一个带有依赖字段的动态表单，例如如果下拉字段 1 设置为“ABC”，则字段 2 应设置为“ABC 1 Updated” 要处理此类用例，是否可以“监视”字段 1 并根据其值，使用字段 2 更新“defaultValues”，然后设置为“ABC 1 Updated”

或者不建议在初始表单加载后更新“defaultValues”。

我还在下面的文档中看到了“值”，但还没有看到它的用法。其他选项是执行“setValue”。不确定使用具有依赖字段的动态表单处理副作用的推荐方法是什么。

https://react-hook-form.com/docs/useform#defaultValues

Answer 1

是的，不建议更新“defaultValues”。

您可以使用 reset 或 setValue

Answer 2

如果依赖于异步函数的返回或者字段是动态的，则应该使用

values

。如果字段是静态的，请使用

defaultValues

。

永远不要使用

setValue

来更新字段数组。这可能会导致重新渲染组件时出现问题。只是从价值观来看。

values: asynFn ? { ...asyncFn } : defaultValues