리액트에서 DB데이터 요청시 props undefined 에러

[김민석]

안녕하세요. 애플님 리액트 완강했습니다.

마지막즘에 있던 서버강의를 응용해서 저희가 배운 shop을 build해서 진행해보았습니다.

*을 입력해주면 리액트에서 라우팅해주는거처럼 서버에서도 반응한다고 했는데,

detail/1 로 들어가면 아무것도 안뜨네요.

 

요부분입니다.

 

app.get("*", function (요청, 응답) {
  응답.sendFile(path.join(__dirname, "shop/build/index.html"));
});

 

다른 페이지들은 잘 뜹니다.

근데 뒤에 id값이 붙는 페이지만 안뜨는데 혹시 해결방법이 있을까요?

[codingapple]

어떤 에러가 뜹니까 

[김민석]

이렇게 두개가 뜨고 있습니다.

 

[김민석]

위에 애러를 바탕으로 해당 js 확인해보니 장바구니 리스트 만들어 놓은거였는데....

리액트에서 npm run start 할땐 이상없이 작동하더니 서버에서는 잘 안뜨네요.

해당부분 주석처리하니깐 서버에서도 잘 뜹니다.

 

아래 사진에서 92번째 줄인데, build한 상태에서 title을 못찾는듯 하네요.

UI는 리액트부트스트랩에서 Card 긁어와서 만들었습니다.

위에 arr를 선언하고 만드는 과정이 생략되어 설명이 어려우실 수도 있겠지만 단지 props로 받아온 data를 못찾는게 이해가 잘 안되네요. 

[codingapple]

map 돌리기 전에 arr이것도 콘솔창에 출력해봐야할듯요

이상한 자료가 들어있는것이 아닐까요 

그리고 props.shoes이것도 잘 있는지 출력해보면 되겠습니다 

[글쓴이]

글