使撤销按钮在后座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]);
}