代码之家 › 专栏 › 技术社区 › Majed Badawi

React Hook表单:最初禁用提交按钮

react-hook-form react-native reactjs

2

Majed Badawi · 技术社区 · 4 年前

我在用 react-hook-form 通过一个必需的输入来控制和验证表单。

const {control, handleSubmit, formState, reset} = useForm({
  mode: 'onChange',
});
const {isDirty, isValid, errors} = formState;

要禁用“提交”按钮:

disabled={!isDirty || !isValid}

问题是,最初,即使输入为空,提交按钮也不会被禁用。

0 回复 | 直到 4 年前

1

Majed Badawi 4 年前

问题是我没有通过考试 defaultValues 的形式元素。