How to validate a custom input using react-hook-form in Smart Form Component?

Question

I want to validate inputs using react-hook-form. but I couldn't send validations rules in register .how to resolve this

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

Bill · Accepted Answer · 2020-05-01 11:19:32Z

1

I think this question is already resolved at Github issue:

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

you can pass rules(validation) down as props

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

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

answered May 1, 2020 at 11:19

Bill

19.5k21 gold badges89 silver badges135 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to validate a custom input using react-hook-form in Smart Form Component?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related