@ziphooks/use-input

React Hook for validate a value and change value. This is useful on manage special input value.

Installation

yarn

yarn add @ziphooks/use-input

npm

npm i @ziphooks/use-input

Usage

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

function App() {
  const onlyPureText = useInput("asdf", (value) => !value.trim().match(/[!@#$%^&*()\-_=+[\]{}\\|;:'"<>,./?`~]/g));
  return (
    <div ref={element}>
      <h1>Please write only pure text</h1>
      <input {...onlyPureText} />
    </div>
  );
};

Arguments

Argument	Type	Description	Required
initialValue	Not A Function	A data for initial value	true
validator	Function	A function to validate a enter value	false

Return

Return value	Type	Description
value	Any	A data that is current a value
onChange	Function	A function to set a value