๐Ÿ’ฅ useReducer์˜ ์ฒซ ๋ฒˆ์งธ ์ธ์ž๋กœ ๋ฐ›๋Š” reducer ํ•จ์ˆ˜๊ฐ€ useReducer ์ดํ›„์— ์„ ์–ธ๋˜๋ฉด ์˜ค๋ฅ˜๋ฐœ์ƒ

const [count, countDispatch] = useReducer(countReducer, 0);

const countReducer = (prevState, action) => {
    switch (action.type) {
      case "DOWN": {
        return prevState - 1;
      }
      case "RESET": {
        return 0;
      }
      case "UP": {
        return prevState + 1;
      }
      default:
        return prevState;
    }
  };

๐Ÿšฉ

const countReducer = (prevState, action) => {
    switch (action.type) {
      case "DOWN": {
        return prevState - 1;
      }
      case "RESET": {
        return 0;
      }
      case "UP": {
        return prevState + 1;
      }
      default:
        return prevState;
    }
  };

  const [count, countDispatch] = useReducer(countReducer, 0);

์ˆœ์„œ๋ฅผ ๋ฐ”๊ฟ”์ฃผ์—ˆ๋”๋‹ˆ ํ•ด๊ฒฐ๋˜์—ˆ๋‹ค!