use-manage-input

A simple hook for input

Usage

import React from "react";
import ReactDOM from "react-dom";
import useManageInput from "use-manage-input";

const App = () => {
  const input = useManageInput("");
  const select = useManageInput("GoLang");
  return (
    <div>
      <input value={input.value} onChange={input.handle} placeholder="Type something" />
      <br/>
      <select onChange={select.handle} value={select.value}>
        <option value="GoLang">GoLang</option>
        <option value="NodeJS">NodeJS</option>
        <option value="Java">Java</option>
      </select>
      <h2>Input: {input.value}</h2>
      <h2>Select: {select.value}</h2>
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById("root"));