React Hooks 사용규칙

customhook 만들다가 call때메 햇갈려서 다시한번 정리

• 같은 Hook을 여러번 호출할 수 있다.

  const [value1, setValue1] = useState();
  const [value2, setValue2] = useState();

• 함수 컴포넌트 몸통이아닌, 몸통 안 복합 실행문의 {}에서는 사용할 수 없다.

  <div>
      // ㄴㄴ
      <div>{const [value, setvalue] = useState()}</div>
  </div>

• 비동기 함수(async 키워드가 붙은 함수)는 콜백함수로 사용할 수 없다.

  // ㄴㄴ
  useEffect(async () => {
      await Promise.resolve(1);
  }, []);

• class 방식의 component에서는 사용 못함, function방식의 컴포넌트에서만 사용가능