import React from 'react' import ReactDOM from 'react-dom' import { useForm } from 'react-hook-form' function App() { const { register, handleSubmit, errors } = useForm() // initialize the hook const onSubmit = (data) => { console.log(data) } return ( <form onSubmit={handleSubmit(onSubmit)}> <input name="firstname" ref={register} /> {/* register an input */} <input name="lastname" ref={register({ required: true })} /> {errors.lastname && 'Last name is required.'} <input name="age" ref={register({ pattern: /\d+/ })} /> {errors.age && 'Please enter number for age.'} <input type="submit" /> </form> ) } ReactDOM.render(<App />, document.getElementById('root'))
标签:errors,const,form,react,hook,import From: https://www.cnblogs.com/kkvt/p/17027434.html