Hook - useReducer

ぶんりじょうたいへんかロジック

構成部品を管理する多くの状態変化処理関数は複雑になります

は、構成部品で使用されている状態のように取り外し可能である

取り外しながら理解しましょう!

const reducer = (state, action) => {
  switch (action.type) {
    case "EDIT": {
      return action.data;
    }
    //...생략
  }
}

function App() {
  
  const [state, dispatch] = useReducer(reducer, []);

  const onEdit = (targetId, date, content, emotion) => {
    dispatch({
      type: "EDIT",
      data: {
        id: targetId,
        date: new Date(date).getTime(),
        content,
        emotion,
      },
    });
  };
  //...생략
}