useState로 생성한 state에 배열 props 질문입니다

[신동민]

ajax요청하는곳은 임시로 만든 express 서버입니다.

 

/product/:id로 get 요청을 하면 id랑 일치하는 카테고리를 불러와서 productData에 담아 자식 컴포넌트에 props로 보내주고싶습니다.

아래는 데이터를 json 형식으로 보내주는 api입니다.

데이터를 받아와서 콘솔에 찍어보는거 까지는 됬는데 setProductData부분에서 무슨 짓을 해봐도 계속 오류가나서 어제부터 하루종일 붙잡고있습니다. ㅠㅠ  아래 오류입니다.

찾아봐도 도저히 이해가 안됩니다..ㅠㅠ 객체대신 배열을 사용하라는데.. 도와주세요!!!

[codingapple]

ajax요청 후 데이터가 잘 들어온다면

데이터꽂아넣는 부분이 이상한게 아닐까요 

어떻게 꽂아넣고계십니까

[신동민]

 

첫번째 사진의 setProductList를 prodcutData로 바꿔준다음 Product 컴포넌트로 전송합니다.

아래는 Product 컴포넌트입니다

.

근데 /product/... 페이지로이동을 해서 저 프롭스 데이터를 찍어보면 한번에 이전값과 현재값이 같이 찍힙니다.

다른 카테고리 링크를 클릭하면 위 사진의 2번째 데이터와 클릭한 현재 데이터가 한번씩 찍힙니다.

뭔가 state의 값이 바뀌면서 재렌더링 되면서 그러는거같은 느낌인거 같은데 어떻게 해결해야할지를 전혀 감이 안잡히네요 ㅠㅠ

위 사진의 오류도 첫번째 빈값을 참조하려니 생기는 오류같구요.

[codingapple]

<Product> 컴포넌트를 if문으로 싸매봅시다

productData가 [] 이면 보여주지말고 뭐 있으면 <Product> 보여달라고 쓰면 될듯요 

[글쓴이]

글