react 收集表单数据 react-hook-form

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

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'))