@lchooks/use-input
React Hook to get value which user entered and check validate.
노마드코더 수업을 들으면서 클론코딩했습니다. Thank you nomadcoders!! https://academy.nomadcoders.co/p/introduction-to-react-hooks
Installation
yarn
yarn add @lchooks/use-input
npm
npm i @lchooks/use-input
Usage
import React from "react";
import useInput from "@lchooks/use-input";
function App() {
const maxLen = value => value.length <= 20;
const name = useInput("Nomadcoders", maxLen);
return (
<div className="App">
<h1>Hi</h1>
<input placeholder="hey" {...name} />
</div>
);
}
Arguments
Argument | Type | Description | Required |
---|---|---|---|
initialValue | string | Default string | yes |
validator | function | Function to check validate value which entered by user | no |
Return
Return value | Type | Description | Default value |
---|---|---|---|
value | string | String which entered by user | null |
onChange | function | Fucntion to get value which entered by user | null |