더보기 버튼을 따로 컴포넌트로 만들면서 궁금한점

더보기 버튼을  한번 누르면 false가 돼서 버튼을 안보이게 하는중에 궁금한점이 있어서요!! 
일단 신발데이터를 리덕스에 있습니다! 

axios로 받아온 데이터를 리덕스  item에 넣으려고 하는데 cart 예제처럼 
똑같이 했는데 TypeError: props.dispatch is not a function 에러가 나서
헤매다가  <More/>에 dispatch= {props.dispatch} 를 추가하니까 됐어요
cart예제랑 비교해 보면 cart도 app의 자식인데 <cart/>안에가 비어있어도 되었는데 
왜 More은 써줘야하나요? react를 처음 배워서 아직 부모랑 자식개념이 안잡혀있는거같아요
Cart는 페이지가 따로 있어서 안써줘도 되는건가요? 근데 <Detail>에는

item={props.item}를 써줬어요(안써도 돌아가긴하는데 일단 써놓긴 했어요) 어떨땐 쓰고 어떨땐 안쓰는게 궁금해요 

그리고 app이 부모고 detail이 자식 , detail이 부모고 more이 자식 이런식으로 가는거 맞나요?
그럼 app의 손자는 more이 되는건지요? 

{
          more === true
          ?
          <More item={props.item} more변경={more변경} alert변경={alert변경} dispatch= {props.dispatch}/>
          : null    
        }
 

function More(props){

  return (
    <button className="btn btn-primary" onClick={()=>{
      props.alert변경(true);
      axios.get('https://codingapple1.github.io/shop/data2.json') 
      .then((result)=>{
        props.alert변경(false);                                           
        props.dispatch({type : '신발추가', payload : result.data });
        props.more변경(false);
      })
      .catch((result)=>{
        props.alert변경(false);
        props.more변경(false);
        console.log('실패 했어요')
     
      })
    }}>더보기
    </button>
  )
}