인프런 커뮤니티 질문&답변
작성한 질문수
새 일기 작성시에도 리스트에 안 뜨는 문제
해결된 질문
작성
·
204
0
안녕하세요. 강의를 따라가고 있는데 일기를 새로 작성하기를 해도 왜 일기 리스트에는 업데이트가 안 되는 지 궁금합니다.
https://codesandbox.io/s/determined-cartwright-oep0ii?file=/public/index.html
답변 1
1
const reducer = (state, action) => {
let newState = [];
switch (action.type) {
case 'INIT': {
return action.data;
}
case 'CREATE': {
const newItem = {
...action.data
};
newState = [newItem, ...state];
break;
}
case 'REMOVE': {
newState = state.filter((it) => it.id !== action.targetId);
break;
}
case 'EDIT': {
newState = state.map((it) =>
it.id === action.data.id ? [...action.data] : it
);
break;
}
default:
return state;
}
return state; // newState
};
App.js 컴포넌트에서
reducer return 부분에 newState 넣으시면 됩니다.