xmind

适配问题

import React, { useEffect, useRef } from 'react';
import XMindEmbedViewer from 'xmind-embed-viewer'; // 假设这是正确的导入路径

const XMindViewerComponent = ({ filePath }) => {
  const containerRef = useRef(null);

  useEffect(() => {
    if (containerRef.current) {
      const viewer = new XMindEmbedViewer({
        el: containerRef.current,
        filePath: filePath, // 假设这个属性用于指定 XMind 文件的路径
        // 其他可能的配置选项...
      });

      // 清理函数，组件卸载时调用
      return () => {
        // 如果 XMindEmbedViewer 提供了销毁方法，比如 viewer.destroy()，则调用它
        // viewer.destroy();
      };
    }
  }, [filePath]); // 依赖 filePath，如果 filePath 变化，则重新初始化 viewer

  return <div ref={containerRef} style={{ width: '100%', height: '600px' }} />;
};

export default XMindViewerComponent;