用GrapeJS反应

您好，我搜索过，但没找到具体的解决方案。目前，我正在尝试将我的React应用与GrapeJS集成。
'import React， { Component } from 'react';
import './GrapesSrc/grapes.min.js';
从“grapejs”导入GrapesIndex;

class GrapesEditor 扩展组件 {
    Constructor（props）{
        super（道具）;
        
}
    shouldComponentUpdate（）{
        返回 false
    }

componentDidMount（）{
        
const editor = Grapesjs.init（{
            容器：“#gjs”，
            components： '<div class=“txt-red”>Hello world！</div>'，
            风格：“.txt-红{颜色：红}'，
        });
    }

render（） {

返回（
      <div id ='gjs'>   

</div>
    );
  }
}

导出默认的GrapesEditor;
`

我尝试过用CDN，把它包含进index.html文件，但所有这些都出现了葡萄未定义的错误。
我尝试直接导入“./GrapesSrc/grapes.min.js”。我创建了一个包含CDN代码的新文件夹，但仍然不行。

我不确定这个问题是否合理，因为有一个类似的问题被拒绝了。