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

Question

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

the article

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} />;
}