reducer함수를 만들고 state와 action을 콘솔로 찍어보았다.
최초로 무조건 한번 실행되기에 state는 undefined가, action에는 type: 이렇게 하고 이상한 문자가 찍힌것을 볼 수 있다.
이번에는 fire라는 버튼을 클릭해 store.dipatch를 실행해 state를 업데이트 해보자
const store = Redux.createStore(reducer)
onclick함수에 sore.dispatch({type:"CHANGE_COLOR", color:"red"})
이런식으로 작성해 넣어주는데, 이때 dispatch라는 함수가 실행되며 객체가 들어가는것을 볼 수 있는데 여기서 type이라는 것은 반드시 들어가야하는 요소이다!!
그다음 변경할 키, 값을 넣어주면 된다.
그리고 다시 console.log를 확인해주면
이렇게 이전 state와 변경된 state와 type을 확인할 수 있다.
reducer는 이전의 state와 action을 받아서 다음의 state값을 return 해준다.
