이걸 작성하고 테스트를 하다보니  자식쪽에서 만든 버튼과 부모쪽에서 만든 버튼이  부모의 화면에서 나오고 누르면 동일하게 작동을 하는데 어떤 경우에 사용하나요?  실제 사용 사례를 몰라서 필요성을 잘 못느끼겠어서요

제가 coponents를 생성해서 연결할려고 하는데 이렇게 작성을 했는데 터미널로 실행시킬때마다 밑에와 같이 변환이 자동으로 됩니다. 왜이러는 건지 궁금합니다.

지금까지 부모 컴포넌트에서 비동기처리후 데이터를 자식컴포넌트에 props로 전달하는 방법으로 구현을 했었는데  ListItem 컴포넌트처럼 ListItem에 쓰이는 모든 데이터는  그자체 컴포넌트에서 관리(비동기처리)하는게 더 옳은 방법인거 같기도하고.. 분기로직을 짜는게 영 불편하기도하고..   이 두 방법에 차이점이 있을까요?