Autocomplete an Address with a React hook Form
import React from "react"; import { useForm } from "react-hook-form"; export default function App() { const { register, handleSubmit, errors } = useForm(); const onSubmit = data => console.log(data); return ( <form onSubmit={handleSubmit(onSubmit)}> <input type="text" aria-invalid={errors.firstName ? "true" : "false"} name="firstName" ref={register({ required: true })} /> { errors.firstName && ( <span role="alert"> This field is required </span> ) } <input type="submit" /> </form> ); }
