Simple implementation of the React-Hook-Form library

react-hook-form.js

import { useForm } from "react-hook-form";

// Custom example of working with a form component using React-Hook-Form
const MyForm = () => {
  const { register, handleSubmit, formState: { errors } } = useForm();

  const onSubmit = (data) => {
    console.log(data);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register("name", { required: "Name is required" })} />
      {errors.name && <p>{errors.name.message}</p>}

      <button type="submit">Submit</button>
    </form>
  );
};

Abdullah Muhammad@CodingAbdullah

McMaster. Software Engineer with a keen interest in blockchain and web3.

Toronto, Ontariokingabdullah.codes @KA95doteth