4leaf-hooks-useinput/useInput.js

React Hooks to realtime change input value

import React, { useState } from "react";

const useInput = (initValue) => {
  const [value, setValue] = useState(initValue);

  const onChange = (e) => {
    setValue(e.target.value);
  };

  return { value, onChange, setValue };
};

export default useInput;