@chae_hook/use-input
React Hook to update input and add validation.
Installation
yarn
yarn add @chae_hoook/use-input
npm
npm i @chae_hoook/use-input
Usage
import React from "react";
import useInput from "@chae_hook/use-Input";
function App = () => {
const maxLen = value => value.length <= 20;
const name = useInput("Ms: ", maxLen);
console.log(name)
return (
<div className="App">
<h1> What is your name?</h1>
<input placeholder="Name" {...name}/>
</div>
);
};
Arguments
Argument |
Type |
Description |
Required |
initialValue |
string |
String to show in placeholder by default |
yes |
validator |
function |
Function to be add validation |
yes |
Return
Return value |
Type |
Description |
Default value |
name |
Object |
A object containing string value whici can be inputted in placeholder and function onChange which can be used for adding validation. |
null |