react-hook-form - 如何在智能表单组件中使用 react-hook-form 验证自定义输入？

Question

我想使用 react-hook-form 验证输入。但我无法在注册中发送验证规则。如何解决这个问题

https://codesandbox.io/s/react-hook-form-smart-form-component-vpsc0

Answer 1

我认为这个问题已经在 Github 问题上得到解决：

https://codesandbox.io/s/react-hook-form-smart-form-component-17k06

您可以将规则（验证）作为道具传递

<Input name="firstName" rules={{ required: true }} />

export function Input({ register, name, rules, ...rest }) {
  return <input name={name} ref={register(rules)} {...rest} />;
}