[React Hooks] useInput (1)

import React, { useState } from "react";
import "./styles.css";

const useInput = (initialValue) => {
  const [value, setValue] = useState(initialValue);
  const onChange = (event) => {
    setValue(event.target.value);
  };
  return { 
  value,   // value : value,
  onChange // onChange : onChange,
  };
};

const App = () => {
  const name = useInput("Mr.");
  return (
    <div className="App">
      <input 
      placeholder = "Name" 
      {...name} // value = {name.value} onChange = {onChange} 
      />
    </div>
  );
};

export default App;