@nialldbarber/react-use-form

1.0.3 • Public • Published

@nialldbarber/react-use-form

A real simple hook for using forms in react

NPM JavaScript Style Guide

Install

npm install --save @nialldbarber/react-use-form

Usage

import React from "react";
import { useForm } from "@nialldbarber/react-use-form";

const FormExample = () => {
  const { values, handleChange, handleSubmit } = useForm({
    foo: "foo",
    bar: "bar",
    baz: "baz"
  });

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={values.foo}
        name="foo"
        onChange={handleChange}
      />
      <input
        type="text"
        value={values.bar}
        name="bar"
        onChange={handleChange}
      />
      <input
        type="text"
        value={values.baz}
        name="baz"
        onChange={handleChange}
      />
    </form>
  );
};

License

MIT © nialldbarber

Package Sidebar

Install

npm i @nialldbarber/react-use-form

Weekly Downloads

1

Version

1.0.3

License

MIT

Unpacked Size

14.4 kB

Total Files

12

Last publish

Collaborators

  • nialldbarber