<div>
<div1></div1>
<div2></div2>
<div/>
div1의 state를 div2에 넘겨주기 위해서 div1의 state를 아예 부모 노드인 div로 끌어올려서 자식 노드(div1, div2)에게 props로 내려주는 것을 말한다.
이때 state뿐 아니라 값을 변하게 하는 setState부분 또한 부모에 올려주어야 자식 노드에서 props로 받아온 함수를 통해 정상적인 동작이 가능해진다.
형제 노드간 데이터 전달이 불가능하기 때문에 아예 부모노드에서 내려주는 방식.
페이지 분할.
쉽게 생각해 홈페이지의 자유 게시판 목록과 같다.
게시판의 목록을 한 페이지씩 코딩하여 게시물의 데이터를 불러오는 방식도 있겠지만 생각만으로도 비효율적임이 느껴진다.
이 같은 상황에서 위 코드처럼 .map method를 통한 페이지네이션을 해줄 경우 최소한의 코드로 본인이 원하는 동작을 얻을 수 있다.