개발일지 TIL(Today I Learned)
[2023.07.05] 개발일지
이승재(Frontend Developer)
2023. 7. 9. 22:27
리듀서 부분에 액션 함수 title_INPUT과 body_INPUT을 각각 하나의 객체 title, body로 작용하는 것을 하나의 input액션 함수로 합쳐보았다.
|
1
2
3
4
5
6
7
8
9
10
11
|
switch (action.type) {
case INPUT:
return [
...state,
{
id: shortid.generate(),
title: action.payload.title,
body: action.payload.body,
isDone: false,
}
];
|
cs |
리듀서 부분을 이렇게 짜고
|
1
2
3
4
5
6
7
|
<div>
<AddBtn onClick={() => {
dispatch(addTodo({ title, body }));
setTitle('');
setBody('');
}}>추가하기</AddBtn>
</div>
|
cs |
dispatch 부분을 이렇게 넘겨주었더니 문제없이 잘 작동되었다.