주간 이슈(2주치)

배열 속 객체의 데이터 하나를 변경해야 하는 문제 발생

해결법

  const Plus=(i)=>{
    const amount = tempOptionList[i].amount+1;
    const tempOption = {id: tempOptionList[i].id, option: tempOptionList[i].option, price: tempOptionList[i].price, stock: tempOptionList[i].stock, amount};
    tempOptionList[i] = tempOption;
    restList = tempOptionList.concat(restList);
    dispatch(calOptionAmount(restList));
  }

새로운 객체 생성 후 기존 배열에 넣어 주는 방식 채택 -> 얕은 비교가 아닌지라 redux의 갱신이 이루어진다

 

 

 

* 에러

https://github.com/rt2zz/redux-persist/issues/988

non-serializable value error · Issue #988 · rt2zz/redux-persist

원인 : redux-starter-kit과 같이 사용시 발생

해결 방법

const store = configureStore({
  reducer: rootReducer,
  middleware: [...getDefaultMiddleware(), sagaMiddleware ]
});

이 코드를

const store = configureStore({
  reducer: rootReducer,
  middleware: [ sagaMiddleware ]
});

이렇게 고치기

인자받기를 prop로 변경하기

생성하는 객체에서 ...Market.delivery

이 표현이 빠져서 나머지 단어 처리가 안되었다.

Bar={Bar} => Bar={<Bar/>}

 

배열은 그자체를 건들지 못한다.

잘랐다가 다시 만드는등의 행동을 해야한다

https://stackoverflow.com/questions/53420055/error-while-sorting-array-of-objects-cannot-assign-to-read-only-property-2-of/53420326

Error while sorting array of objects Cannot assign to read only property '2' of object '[object Array]'

아니면 이런 방법도 있다

    const tempOption = tempProduct.data.option.map((item, index) => {
      if(index !== arraynum){
        return item
      }
      return{
        ...item,
        [e.target.name]: e.target.value
      }
    })

https://github.com/yangshun/front-end-interview-handbook/blob/master/Translations/Korean/questions/html-questions.md

yangshun/front-end-interview-handbook

요거 정리

멘토링

 

한 변수를 다르게 사용하면 발생