onClick={ ()=>{ history.push('/detail/' + props.shoes.id) } }

[김민규]

메인페이지에서 이미지를 누르면 detail 페이지로 이동하는 설정을 강사님께선
onClick={ ()=>{ history.push('/detail/' + props.shoes.id) } } 이렇게 해주셨는데여 저는

<Link to={/detail/${props.data.id}}>
<img src={require(./img/img${props.data.id}.jpg)}width="100%" />
</Link>

이런식으로 해주었거든여 차이가 무얼까요? 제가 직접 해본바로는 저같은경우엔 새로고침이 되면서 장바구니를 나갓다가 들어왔다하면 리셋이 되더라구여 이 문제는 제가 한 방법으론 서버단을 연결 시켜줘야 해결 할 수 있는 건가여?

[codingapple]

페이지 이동기능은 Link 태그로 하나 push로 하나 별차이없습니다 

근데 실제 리액트 사이트를 배포 후에 "/detail/어쩌구"로 이동시키는 버튼을 누르면 

서버로 "/detail/어쩌구" 페이지를 갖다주세요~ 라는 GET 요청을 하게 될 수도 있습니다. 그럼 새로고침이 되는 것이고요. 

그래서 라우팅을 리액트에서 담당하게 해주세요~라는 서버 기능개발이 필요합니다

아니면 그냥 URL에 /#/을 붙여주는 hashmode를 쓰십시오 

[글쓴이]

글