在后坐力JS中撤消按钮

Question

我正在寻找使用后坐力作为状态管理的项目上实施撤消按钮，我看到此文档，但我不确定如何实施它。

谁能告诉我如何在真实项目中实现该撤消功能（使用代码示例）

Answer 1

这是撤消功能的代码。我用功能组件编写了它。

这只是一个例子

const [timeline, setTimeline] = useState([]);
const [loads, setLoads] = useState([]);
const [undo, setUndo] = useState([]);
const [redo, setRedo] = useState([]);

const latestData = (newTimeline, newLoads) => {
  setTimeline([...newTimeline]);
  setLoads([...newLoads]);

  const newUndo = {
    timeline: [...newTimeline],
    loads: [...newLoads],
  };

  setUndo([...undo, ...newUndo]);
}

const undoChanges = () => {
  const prevChange = undo[undo.length - 1];
  const copyOfUndo = [...undo];

  setRedo([...undo]);

  timeline([...prevChange.timeline]);
  loads([...prevChange.loads]);

  prevChange.pop();
  undo([...prevChange]);
}