如何在反应useEffect挂钩中执行香草js class

Question

我正在尝试在反应中使用香草 js 库。 由于有很多代码，我想知道如何拆分它。 目前，我将每个 function 的代码存储在单独的文件中......但我不确定如何导入和运行它。 有没有办法在 useEffect 挂钩中运行此代码，或者我必须将这些旧类转换为 es6？

编辑器.js

EditorUi = function (editor, container, lightbox) {
  this.destroyFunctions = [];
  this.editor = editor || new Editor();
  this.container = container || document.body;
};

EditorUi.compactUi = true;
EditorUi.prototype.splitSize = 8;

MyComp.jsx

import React from 'react';
import EditorUi from '~/config/functions/bpm/EditorUi';

export default function MyComp() {
  const divGraph = React.useRef(null);

  React.useEffect(() => {
    // ...?
  });

  return <div style={{ width: '100%', height: '80vh' }} ref={divGraph} />;
}

Answer 1

您必须从编辑器 js 文件中导出 function，然后您可以在组件的 useEffect 中使用它