@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 |