تنظيم تحديثات الحالة بإستخدام useReducer

import { useReducer } from "react";
function reducer(state, action) {
  if (action.type === "increase") return state + 1;
  if (action.type === "reset") return 0;
  return state;
}
export default function App() {
  const [count, dispatch] = useReducer(reducer, 0);
  return <><p>{count}</p><button onClick={() => dispatch({ type: "increase" })}>Increase</button><button onClick={() => dispatch({ type: "reset" })}>Reset</button></>;
}