js파일의 데이터와 json파일의 데이터배열 합치는법

[황정후]

기존에 detail에서 불러왔던 혹은 상품들을 map함수를 이용해 반복해서 불러올때 사용하던

기존의 상품데이터들이 담긴 js파일과 선생님께서 올려주신 json 혹은 개인이 직접 만든  json파일의 데이터를 합쳐서 불러오고싶습니다

이유는 기존에 선생님께서는 js파일에 3개의 상품을 담아두고 detail페이지에서 상품데이터를 가져올땐 id를 판별하여 url에 변화를 주어서 사용하셨는데

json파일에 담긴 데이터까지 detail의id값으로 판별하여 가져오려하니 

전에 detail영상강의를 볼때 useState에 import로 불러온 js파일만 연결되어있네요

그래서 json파일까지 import한다음 

import libProductData from './assets/lib/data/productdata';

 

let [productData , productDataModify] = useState(libProductData);

기존에 이렇게 js만 불러오던 방식을 수정하고싶은데 어떻게하면 좋을 지 잘 모르겠습니다.

 

기존의 데이터배열이담겨있는 js 파일에서 json파일을 불러와서 합치는식으로 공부를 해야할까요?

 

 

 

[codingapple]

강의의 js파일을 import해오면 [{},{},{}] 이렇게 나오고

강의의 json 파일을 axios get으로 가져오면 [{},{},{}] 이렇게 나옵니다 원래 json은 어레이자료랑 다르지만 axios가 자동으로 어레이로 변환해줍니다

두 어레이를 합치면 됩니다 [...어레이1, ...어레이2] 이러면 합쳐질걸요

[글쓴이]

글