@gitgw/use-input

React Hook that checks the length of the input.

Installation

npm

npm i @gitgw/use-input

yarn

yarn add @gitgw/use-input

Usage

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

function App() {

  const checkIdLength = (value) => {
    return value.length < 5;
  }
  const checkPasswordLength = (value) => {
    return value.length < 10;
  }

  const inputId = useInput("", checkIdLength);
  const inputPassword = useInput("", checkPasswordLength);
  
  return (
    <div className="App">
      <input type="text" placeholder="ID" {...inputId}/>
      <input type="password" placeholder="Password" {...inputPassword}/>
    </div>
  );
}

Arguments

Argument|Type|Description|Required| |-|-|-|-| |value|String|The value you want to use on your input|yes |checkLength|Function|Function used to check input length|yes

Return

Return value|Type|Description|Default value| |-|-|-|-| |Object|Object|An object containing input values and checkLength function|{value:"", onChange: f}