선생님 로컬스토리지 배열로 저장한거를

[정중식]

최근 본상품 기능을 구현하는중인데요,
로컬스토리지에 배열로 [0,2,1] 이런식으로 id를 저장해놨는데 이걸 어떤식으로 매치해줘야하나요?
initialState: [
    { id: 0, name: 'White and Black', count: 2 },
    { id: 2, name: 'Grey Yordan', count: 1 },
  ], 안에있는거와 로컬스토리지 array값이 일치하는걸 반환해주는 작업을 해주려고하는데 생각만큼 잘 되지가않네요...
힌트좀 주시면안될까요?
filter, find, include 등등 계속 사용하고있는데 어렵습니다 ..ㅠ


 findProducts(state, action) {
      let test;
      action.payload.map((i) => {
        test = state.find((item) => item.id === i);
        console.log(test);
      });
    },

이런식으로 해봤는데 로컬스토리지 [2] 이런식으로 하나의 값이면 잘 반환시켜주는데 값이 두개이상이면 하나는 언디파인 하나는 잘출력되고 이런식입니다.

[정중식]

export const cart = createSlice({
  name: 'cart',
  initialState: {
    products: [
      { id: 0, name: 'White and Black', count: 2 },
      { id: 2, name: 'Grey Yordan', count: 1 },
    ],
    productSeen: [],
  },
  reducers: {

findProducts(state, action) {
      state.productSeen = action.payload.map((i) =>
        data.find((j) => j.id === i)
      );
    },

)}


SeeProduct.js

 const { productSeen } = useSelector((state) => state.cart);
  dispatch(findProducts(seeProduct));
  console.log(productSeen);


요렇게했습니당.
근데 무한으로 불러와져서
useEffect() 사용했습니당

[codingapple]

find findIndex 쓰면 array안에있는 데이터 찾아줍니다

[글쓴이]

글