4leaf-hooks-useinput
Version:
React Hooks to realtime change input value
61 lines (47 loc) • 885 B
Markdown
# 4leaf-hooks-useinput
React Hooks to realtime change input value
## installation
- yarn
<pre>
yarn add 4leaf-hooks-useinput
</pre>
- npm
<pre>
npm install 4leaf-hooks-useinput
</pre>
## Usage
```js
import React from "react";
import useInput from "4leaf-hooks-useinput";
const App = () => {
const formId = useInput(``);
// If you change the value
formId.setValue("New Value Here!");
return <form>
<div>
<label> ID </label>
<input type="text" {...formId}/>
</div>
<form>
;
}
```
## Arguments
<table>
<thead>
<tr>
<th> Argument </th>
<th> Type </th>
<th> Description </th>
<th> Required </th>
<tr>
</thead>
<tbody>
<tr>
<td> String </td>
<td> String </td>
<td> Auto Setting Value and onChange with setValue </td>
<td> YES </td>
</tr>
</tbody>
</table>