@feca-hooks/use-input

React Hook to create input element faster.

How to Install

yarn

yarn add @feca-hooks/use-input

npm

npm i @feca-hooks/use-input

Usage

Code

import React from "react";
import useInput from "@feca-hooks/use-input";

function App() {
  // validator must return true/false.
  const validator = () => {
    if (value.length > 10) return false;

    return true;
  }

  const { value, onChange } = useInput("", validator);

  return <input type="text" onChange={onChange} />;
}

Arguments

Argument	Type	Description	Required
defaultValue	string	Default value of the input text.	no
validator	function	The callback function validate the input value can change.	no

Return

Return value	Type	Description
Value State	object	An object containing the value, onChange. value is current input value. onChange is event function executes when input value has changed.