javascript - 简化 useState 的多个实例

Question

在我的 ReactJS 代码中，我需要像这样将多个变量存储为单独的状态。有没有更简单的方法来创建它们？因为现在我反复使用 useState 函数。

  const [dutyCode, setDutyCode] = useState("");
  const [startTime, handleStartTime] = useState(new Date());
  const [endTime, handleEndTime] = useState(new Date());
  const [activityType, setActivityType] = useState("");
  const [dutyType, setDutyType] = useState("");

Answer 1

您可以只使用一个状态对象并对其进行解构:

const [state, setState] = useState({
    dutyCode: "",
    startTime: new Date(),
    endTime: new Date(),
    activityType: "",
    dutyType: "",
});

const {
    dutyCode,
    startTime,
    endTime,
    activityType,
    dutyType,
} = state;

const updateState = (update) => setState({ ...state, ...update });