더보기 버튼을 한번 누르면 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>
)
}
