21.07.09 React/Redux

앞서 말했던 리덕스 아직도 잡고 늘어져있는중이다

아무래도 리덕스는 알고 넘어가야하는거 같기에...

리덕스에서 덕스구조를 이용해서 하는중이다
action 선언 => action생성 => 초기값 설정 => 리듀서 만들기..

일단은 리듀서를 case/ switch 문을 이용해서 만드는거에 살짝이나마 수박겉햝 아니 살짝 깊은 겉햝기정도로 이해할 수 있었다

case로 액션 타입 불러오고나서 불러온 액션에 대한 함수설정을 switch문에다가 적으면된다

function counter(
state: CounterState = initialState,
action: CounterAction
): CounterState {
switch (action.type) {
case INCREASE: // case 라고 입력하고 Ctrl + Space 를 누르면 어떤 종류의 action.type들이 있는지 확인 할 수 있습니다.
return { count: state.count + 1 };
case DECREASE:
return { count: state.count - 1 };
case INCREASE_BY:
return { count: state.count + action.payload };
default:
return state;
}
}

다른곳에서 퍼온거긴 하지만 이렇게!

switch의 default case에서는 원래 state를 return 해야한다. 그래야 알수없는 동작을 햇을때 오류가 출력되지않는다!!

맞쥬?