12.01.22{코딩일기}벨로퍼트와 함께하는 모던리액트 6-7 챕터리뷰

[ 새롭게 알게 된 것 ]

---

1.리듀서는 import 해서 사용할땐 리듀서 배열을 리턴하므로 중괄호{ }로 감싸 객체로 받아야 한다

---

import { addTodo, toggleTodo } from '../modules/todos';

But, you have to consider the order for reducer to return. Each reducer can be used by the order to declare.

---

 

2. 리듀서 초기 상태는 필요에 따라 비워두거나 디폴트 값 설정 하되 id값을 필요적절하게 설정해야 한다

---

그런데 디폴트 값을 설정했는데  최초 todo 항목을 추가한것과 초기 값이 동시에 하나의 toggle 이벤트로 발생하는 현상을 확인 했다.

원인은 맨처음 todo 항목 추가되고 난후 toggle 이벤트 넘길때 초깃값 id = 1과 처음 추가된 투두항목의 id= 1이 동일해서 발생한 문제였다. 이후 초깃값 id를 0으로 바꾸고 테스트 했을 때, 투두 항목들이 각각 개별적으로 토글링 됨을 확인할 수 있었다.

마당하고 페어프로그래밍 후 코드 동작 원리를 좀더 빠르게 파악할 수 있게 되었다.(감둉..따흑..)

---