1.0.0 • Published 5 years ago
@ziphooks/use-input v1.0.0
@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 |
1.0.0
5 years ago