@andideve/react-hooks-useform v1.0.1

use-form

Build forms easily with use-form in React

Installation

npm i @andideve/react-hooks-useform

Usage

Simple input

import React from 'react';
import { useInput } from '@andideve/react-hooks-useform';

const SimpleInput = () => {
  const { value, setValue, changeHandler } = useInput('');

  return <input id="displayName" type="text" value={value} onChange={changeHandler} />;
};

Using form

import React from 'react';
import { useForm } from '@andideve/react-hooks-useform';

const ReviewForm = () => {
  const initialState = {
    star: 0,
    review: '',
  };

  const {
    form: { star, review },
    changeHandler,
    reinitialState,
  } = useForm(initialState);

  const handleSubmit = (event) => {
    event.preventDefault();
    reinitialState(); // set form to `initialState`
  };
};

MIT License