axios질문

[박수민]

axios 사용해서 url 로 get 요청해서 데이터를 가져와서 페이지에 html로 데이터 
추가하는 작업중 질문입니다.

일단 해당 페이지는 app.js가 아니라 pages폴더에 따로 mainpage를 만들어 관리 중이고
bed라는  props를 받아와서 작업 중입니다.
axios 요청하면서 생성한 console.log 의 경우 아래 첨부 이미지 처럼 모두
정상적으로 찍히는데 화면에는 구현되지 않아서 어느 부분이 문제인지 질문합니다..
참고로 setBeds를 콘솔에 찍으면 dispatchSetState라고 나옵니다..(?)

[codingapple]

state는 잘 변경하고있는거같은데 state쓰는 부분을 살펴봅시다

[박수민]

제가 임의로 만든 서버의 데이터 id는 6번까지 있어서, 가져오려는 데이터의 id가 3,4,5 번이라 혹시 이부분에서 문제가 있어서 그런가 해서 기존id중에 3,4,5번을 지웠는데도 똑같아요.. state 쓰는 부분을 살펴보라하셔서 계속 봐도 잘못된 곳을 찾지 못하겠습니다 ㅠㅠㅠ

[박수민]

추가로 선생님이랑 똑같이 상황을 만들어보고자 제가 생성한 데이터6개중 3개는 지우고 3개만 띄워놨는데 , 이 경우에는 첫 화면에서 
상품 이미지 클릭시 나오는 상세페이지를 find() 를 이용해서 같은 파라미터값을 가지고 있는 상품을 보여주는 형태로 만들어 놨는데, 
이미지는 클릭해도 상세페이지에 메인페이지에 있는 해당 이미지 그대로 뜨는데 반해,
상품의 가격이나, content의 경우 id값이 하나씩 밀린 형태로 보여집니다 
제가 가지고 있는 id값은 0,1,2 입니다
즉 메인 상품1 클릭시 =(상세페이지 화면에서) 상품1이미지 + id 값 1번째의 데이터 (0번째가 아니라 ,,)
메인 상품2 클릭시=(상세페이지 화면에서) 상품2이미지 + id값 2번째의 데이터
이렇게 나와서 마지막3번 클릭시 에러가 뜹니다..(당연히 id :3 번이 없기 때문이겠죠..)

아래의 코드중 img 있는 부분이 에러라고 뜹니다 clickProduct.id 이부분이 혹시 잘못되서 id값을 잘못잡는건가요..?

[codingapple]

새로고침하면 state 리셋될 수 있습니다 페이지이동은 navigate() 써서 합시다 
숫자가 1씩 밀리면 -1 해서 넣읍시다

[글쓴이]

글