|  |  |  | 
|---|
|  |  |  | import React, { useRef, useEffect } from "react"; | 
|---|
|  |  |  | import React, { useRef, useEffect, useState } from "react"; | 
|---|
|  |  |  | import { Button } from 'antd'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export const GraphTools = ({ graphRef,isReady }) => { | 
|---|
|  |  |  | export const GraphTools = ({ graphRef, isReady }) => { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const exportData = () => { | 
|---|
|  |  |  | const graph = graphRef.current; | 
|---|
|  |  |  | if (graph) { | 
|---|
|  |  |  | if (isReady) { | 
|---|
|  |  |  | const data = graph.toJSON(); | 
|---|
|  |  |  | console.log(data); | 
|---|
|  |  |  | // 这里你可以将数据发送到服务器或保存到本地 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return <button onClick={exportData}>导出数据</button>; | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <> | 
|---|
|  |  |  | <Button type="primary" onClick={exportData}> | 
|---|
|  |  |  | 导出数据 | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | </> | 
|---|
|  |  |  | ); | 
|---|
|  |  |  | } | 
|---|