React Hooks 연습하기

2. useInput

import React, { useState } from "react";

const useInput = (initalValue) => {

  const [value, setValue] = useState(initalValue)
  
  const onChange = (e) => { 
    const { target : { value }
        } = e;
    setValue(value)
  }
  return { value, onChange }
}



const App = () => {
 const name = useInput("Mrs.")
 const email = useInput("@")

  return (
    <div className="App">
      <h1>hello</h1>
    <input placeholder = "Name" {...name} />
    <input placeholder = "Email" {...email} />

    </div>
  );
};


export default App;

2. 결과물