인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

ㅇㅇ님의 프로필 이미지
ㅇㅇ

작성한 질문수

React로 NodeBird SNS 만들기

3-3. 불변성과 리듀서 여러 개 합치기

...state 질문

작성

·

152

0

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case ADD_POST:
      return {
        ...state
      };
    case ADD_DUMMY:
      return {
        ...state,
        mainPosts: [action.data, ...state.mainPosts]
      };
  }
};

위 코드에서

...state가 정확히 뭔지 잘 모르겠습니다.

그리고 mainPosts: [action.data, ...state.mainPosts] 이 부분에도 action.data는 알겠는데

...state.mainPosts는 정확히 어떤 값인지, 무슨 역할인지를 모르겠습니다.

답변 3

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

네네 겹친다면 앞의 action.data를 덮어씌웁니다

1

0

ㅇㅇ님의 프로필 이미지
ㅇㅇ
질문자

mainPosts: [action.data, ...state.mainPosts]

링크 주신거 읽어봤습니다.

그럼 이 부분에서 action.data가 새로운 데이터를 넣는거고, ...state.mainPosts는 전에 있던 데이터들을 복사해서 다시 mainPosts배열에 넣는거죠?

ㅇㅇ님의 프로필 이미지
ㅇㅇ

작성한 질문수

질문하기