작성
·
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
1
객체를 얕은 복사하는 것입니다. 얕은 복사에 대해서 알아보세요.
https://www.zerocho.com/category/JavaScript/post/5750d384b73ae5152792188d
https://www.zerocho.com/category/ECMAScript/post/5759abc132522e883c6f6dda
0
mainPosts: [action.data, ...state.mainPosts]
링크 주신거 읽어봤습니다.
그럼 이 부분에서 action.data가 새로운 데이터를 넣는거고, ...state.mainPosts는 전에 있던 데이터들을 복사해서 다시 mainPosts배열에 넣는거죠?