react 공식문서 읽어보기

새로 알게된 사실

 

1. react strictmode 는 프로덕션 나갈땐 없애준다.

---

export default function MyButton() {

  function handleClick() {

    alert('You clicked me!');

  }

  return (

    <button onClick={handleClick}>

      Click me

    </button>

  );

}

 

onClick={handleClick}의 끝에 괄호가 없는 것을 주목하세요! 이벤트 핸들러 함수를 호출하지 마세요. 단지 전달만 하면 됩니다. React는 사용자가 버튼을 클릭할 때 이벤트 핸들러를 호출합니다.

 

---

use로 시작하는 함수를 *훅(Hook)*이라고 합니다.

훅은 일반 함수보다 더 제한적입니다. 컴포넌트(또는 다른 훅)의 최상위 레벨에서만 훅을 호출할 수 있습니다.

 

아래와 같은 사용은 use로 시작하는 함수를 사용하여 handleClick함수가 클릭되어 함수가 전달됬을 때, 에러가 발생.

useEffect는 [count]로 인해 곧바로 동작이 실행되어 바로 런타임 에러 발생을 보여줌.

---