props 실습은 값 내려보내기와 이벤트 올리기를 분리한다

목록 데이터는 부모에서 내려가고, 삭제나 선택 같은 변경 요청은 자식에서 callback으로 올라온다.

App items state 목록의 원천
List items prop 반복 렌더링
Item item prop 행 하나 표시
onSelect event up 부모 state 갱신
흐름
방향
확인할 것
data
부모에서 자식
props 이름 명확
event
자식에서 부모
callback 인자
render
state 변경 후
새 props 반영
debug
React DevTools
props와 state 구분
핵심 값은 아래로 흐르고 의도는 위로 올라간다는 기준을 잡으면 props 예제가 단순해진다.