리듀스

1상태만들기

const initstate = {
  number: 1,
};

2액션만들기

export const increase = () => {
  return {
    type: 'INCREASE',
  };
};

export const decrease = () => {
  return {
    type: 'DECREASE',
  };
};

export붙이면 외부에서 끌어 쓸 수 있음

3리듀서만들기

const reducer = (state = initstate, action) => {
  switch (action.type) {
    case INCREASE:
      //리턴은 initstate값에 들어감
      return { number: state.number + 1 };
    case DECREASE:
      return { number: state.number - 1 };
    default:
      return state;
  }
};