项目地址：https://github.com/Mongkii/RMindDemo 地址：https://mongkii.github.io/RMind/不同于常见的基于 canvas 或 svg 的在线思维导图，这个思维导图使用 flex 布局实现，仅在绘制各节点的连接线时使用了 canvas。项目完全使用 React Hooks 搭建，整个程序里看不到一个非箭头函数。一共只调用了两个功能库，md5 和 html2canvas。手撸实现了思维导图的大部分功能：键盘操作、拖拽、快捷键、撤销重做等。希望能通过这个项目和大家互相学习～