قلاب های پشت صحنه 4 ، usereducer

const initialState = {count: 0};
const reducer = (state, action) => {
    switch (action.type) {
        case 'increase':
            return { count: state.count + 1 }

        case 'decrease':
            return { count: state.count - 1 }

        default:
            return state;
    }

}

const [state, dispatch] = useReducer(reducer, initialState);

const increaseCount = () => {
   dispatch({ type: 'increase' });
}

const decreaseCount = () => {
   dispatch({ type: 'decrease' });
}

return (
    <>
      


فهرست مطالب
Toggle

Count: {state.count}
      Increase
      Decrease
    >
  );

import { useReducer } from "react";

const ACTION = {
  INCREASE: "increase",
  DECREASE: "decrease",
};

const initialState = { count: 0 };
const reducer = (state, action) => {
  switch (action.type) {
    case ACTION.INCREASE:
      return { count: state.count + 1 };

    case ACTION.DECREASE:
      return { count: state.count - 1 };

    default:
      return state;
  }
};

export default function App() {
  const [state, dispatch] = useReducer(reducer, initialState);
  const increaseCount = () => {
    dispatch({ type: ACTION.INCREASE });
  };

  const decreaseCount = () => {
    dispatch({ type: ACTION.DECREASE });
  };

  return (
    <>
      
Count: {state.count}
      Increase
      Decrease
    >
  );
}