게시판을 만들면서 댓글을 insert하고 삭제 하는 부분 까지는 쉬웠는데 수정 부분에서 문제가 생겼다.
Redux로 handleActions를 통해
[REINSERT]: (state, { payload: { id, text } }) => ({
...state,
todos: state.todos.map(
(todo) =>
todo.id === id.id ? { ...todo, text: text.text, id: id.id } : todo,
// console.log('id:', id),
console.log('things:', id, text),
console.log('id::', text.id),
console.log(('text', text.text)),
),
}),
이렇게 id 와 text 값을 넘겨 받아도 계속 객체가 합쳐져서 넘어오는 점 이였다.
사용부
const onSubmit = (e) => { e.preventDefault(); // console.log(texts); // console.log('id:', todo.id); console.log('text-in-com', id, text); onReInsert({ id, text }); setTexts(''); };