撤消和重做

此示例演示了如何为 React Flow 图实现撤销和重做功能。用户可以在移动、添加或删除节点和边时跟踪并恢复更改。该实现使用基于快照的方法，结合 useUndoRedo 钩子来管理过去和未来的状态，使用户能够通过按钮点击或键盘快捷键（Ctrl+Z 和 Ctrl+Shift+Z）浏览编辑历史。

🌐 This example demonstrates how to implement undo and redo functionality for a React Flow graph. Users can track and revert changes when moving, adding, or deleting nodes and edges. The implementation uses a snapshot-based approach with the useUndoRedo hook that manages past and future states, allowing users to navigate through their editing history with button clicks or keyboard shortcuts (Ctrl+Z and Ctrl+Shift+Z).

关于此 Pro 示例

🌐 About this Pro Example

• 依赖: @xyflow/react 
• 许可证：xyflow Pro 许可证