Ant design pro-项目探究（6）GGEditor图形编辑器数据保存

最新推荐文章于 2024-05-27 09:41:22 发布

小陈-程序员

最新推荐文章于 2024-05-27 09:41:22 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端框架文章标签： react javascript 前端

本文链接：https://blog.csdn.net/weixin_45229417/article/details/123271865

Ant design pro-项目探究（6）GGEditor数据保存

前言：ant design pro 默认带了三个图层编辑页面
默认的实现中是没有保存数据这样的功能，为了能够让编辑数据持久化，做以下方式即可解决数据保存功能。
以mind界面为例

import {
   
    Col, Row } from 'antd';
import GGEditor, {
   
    Mind ,withPropsAPI} from 'gg-editor';
import {
   
    PageContainer } from '@ant-design/pro-layout';
import EditorMinimap from './components/EditorMinimap';
import {
   
    MindContextMenu } from './components/EditorContextMenu';
import {
   
    MindDetailPanel } from './components/EditorDetailPanel';
import {
   
    MindToolbar } from './components/EditorToolbar';
// import data from './worldCup2018.json';
import Save from './Save'
import styles from './index.less';
import {
   
   getGee} from '../service'
import {
   
   useEffect, useState} from "react";
GGEditor.setTrackable(