`init()` 内部会调用 `ReactDOM.render()` 函数，因此这样初始化的内容没有办法与外部的 React 组件进行通信，也就没有办法在一些自定义的 plugin 中获取 redux 上的全局数据等内容。

因此，这种场景下您可以通过 `skeletonCabin.Workbench` 进行初始化。

import React, { useState, useEffect } from 'react';

import { project, plugins, common, skeleton } from '@alilc/lowcode-engine';

async function registerPlugins() {

// 此处略去若干插件注册

}

function EditorView() {

/** 插件是否已初始化成功，因为必须要等插件初始化后才能渲染 Workbench */

const [hasPluginInited, setHasPluginInited] = useState(false);

useEffect(() => {

plugins.init().then(() => {

setHasPluginInited(true);

}).catch(err => console.error(err));

}, []);

if (!hasPluginInited) {

return null;

}

const Workbench = common.skeletonCabin.Workbench;

return <Workbench />;

}

(async function main() {

await registerPlugins();

config.setConfig({

enableCondition: true,

enableCanvasLock: true,

supportVariableGlobally: true,

requestHandlersMap: {

fetch: createFetchHandler()

}

});

ReactDOM.render(<EditorView />, document.getElementById('lce-container')!);

})();