제어가 되는 컴포넌트

• 제어가 안되는 경우
  • useRef로 DOM 엘리먼트를 접근
  • 명령형 접근

  •   <input ret={someRef} type="text" />

• DOM을 직접 참조하여 조작하지 않고, 리액트 state, props, 데이터 흐름으로 관리
  • 선언적 접근

  •   import { useState } from "react";
      
      export const useInput = initialValue => {
      	const [value, setValue] = useState(initialValue);
      	
      	return [
      	{ value, onChange: e => setValue(e.target.value)},
      	() => setValue(initialValue);
      	]
      };