1.0.1 • Published 4 years ago

@lchooks/use-input v1.0.1

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

@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

ArgumentTypeDescriptionRequired
initialValuestringDefault stringyes
validatorfunctionFunction to check validate value which entered by userno

Return

Return valueTypeDescriptionDefault value
valuestringString which entered by usernull
onChangefunctionFucntion to get value which entered by usernull
1.0.1

4 years ago

1.0.0

4 years ago