22. 07. 16. 리액트) unpack

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

export default function App() {
  const name = useInput("Mr.");
  return (
    <div className="App">
      <h1>Hello</h1>
      <input placeholder="Name" value={name.value} onChange={name.onChange} /> // 방법 1. 객체안의 프로퍼티들을 하나씩 지정
      <input placeholder="Name" {...name} /> // 방법 2. unpakcing으로 객체 안의 모든 내용을 풀기
    </div>
  );
}