reactjs - 如何使用 react-hook-form 有条件地禁用提交按钮?

标签 reactjs react-hook-form

找不到解决办法。
我正在使用 react-hook-form 并且我想在表单为空时禁用提交按钮,并且只要所有表单都至少写入了一些内容就可以启用。
我将如何使用 react-hook-form 做到这一点?

最佳答案

您可以使用 formState => isDirty 这意味着表单已被修改。
https://react-hook-form.com/api#formState
下面是 formState 的一个工作示例:
https://codesandbox.io/s/react-hook-form-v6-formstate-ht098?file=/src/index.jsx:423-432<input disable={formState.isDirty} type="submit" />

关于reactjs - 如何使用 react-hook-form 有条件地禁用提交按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65255298/

相关文章:

javascript - 需要 React Hook Form 动态

javascript - 如何从字符串中包含 <br/> 标签的字符串预填充文本区域

reactjs - 为什么第一个字母在 react-hook-form 输入中死了

reactjs - 无法获取react-hook-form中的值表单输入

reactjs - 如何解决 TypeError : path. split is not a function

reactjs - 使用 react-select 和 react-hook-form 返回正确的值

javascript - antd 从 2.0 -> 3.0 迁移后,默认字体大小从 12px -> 14px 增加,有没有办法自定义 antd 字体大小?

node.js - React应用程序中的Socket io多个连接

javascript - 如何在 React Native 上更改 Navigation Experimental Navigation CardStack 的背景颜色?

javascript - 类型错误 : Cannot read property 'actualPersonAlbum' of undefined