<aside> 📌 요약: props는 Component에 원하는 값을 넘겨줄 때 사용한다. (매개변수 처럼) state는 유동적으로 변할 수 있는 값을 저장하고(변수 처럼) state값이 변경될 경우 React가 자동으로 계산하여 변경된 부분을 리렌더링함. Object를 갖는 state를 만들때는 object의 값을 변경해도 object 자체가 바뀐게 아니라서 감지하지 못하기 때문에 오브젝트를 복제품을 만들어 값을 변경하고 리턴해줘야 감지함.
컴포넌트 생명주기란 컴포넌트가 만들어지고 종료되는 과정을 시점 별로 나눠둔 것이다. 대표적으로 마운트, 업데이트, 언마운트 시점이 있으며 해당 시점에 따른 메서드가 존재한다. (컴포넌트 클래스에 메서드로 존재함) 함수형 메서드에는 없었지만 리액트 16.8버전 이후 Hook개념을 통해 생명주기 메서드를 사용가능하다.
매개변수가 포함된 이벤트핸들러를 등록하려면 화살표 함수를 이용한 콜백 함수의 형태로 전달해야함.
<button onClick={() => handleClick(d)}></button>
여러개의 리스트 배열을 반환하는 컴포넌트는 동시에 렌더링이 되기 때문에 리액트가 컴포넌트를 구분할 Key가 필요하다.
</aside>