Javascript 如何将svgEdit文件转换为React组件?

Javascript 如何将svgEdit文件转换为React组件?,javascript,reactjs,Javascript,Reactjs,Svgedit源代码- 主要文件-svg-editor.html、svg-editor.js 使用的技术-HTML、jQuery、javascript 是否可以将svgedit源代码转换为ReactJS组件 我尝试了以下方法,但无效: class SVGEdit extends Component { constructor(props) { super(props) } componentDidMount(){ let scripts = [ {

Svgedit源代码-

主要文件-svg-editor.html、svg-editor.js

使用的技术-HTML、jQuery、javascript

是否可以将svgedit源代码转换为ReactJS组件

我尝试了以下方法,但无效:


class SVGEdit extends Component {
  constructor(props) {
    super(props)
  }

  componentDidMount(){
    let scripts = [
        { src: "redirect-on-no-module-support.js" },
        { src: "redirect-on-lacking-support.js" },
        { src: "jquery-ui/jquery-ui-1.8.17.custom.min.js" },
        { src: "external/regenerator-runtime/runtime.js" },
        { src: "svg-editor.js" }
    ]
    scripts.map(item => { 
        const script = document.createElement("script")
        script.src = item.src
        script.async = true
        document.body.appendChild(script)
    })    
 }
  render() {
     return (
         <div id="svg_container" >
            <div id="svg_editor" role="main">
              .
              .
              .
         </div></div>
     )
  }
}
export default SVGEdit```

Anybody, please share the steps for convert into Reactjs components.


我找到了解决办法。实际上,init方法是SVG-editor.js的主要功能,所以我刚才在componentDidMount中调用了这个方法,如下所示

import SvgEditor from './svg-editor.js'
   componentDidMount() {
    (async () => {
      try {
        // We wait a micro-task to let the svgEditor variable be defined for module checks
        await Promise.resolve()
        SvgEditor.init()
      } catch (err) {
        console.error(err) // eslint-disable-line no-console
      }
    })()
  }

“它不工作”-请指定。什么不起作用?人们期望什么?你看到了什么/得到了什么?事实上,我希望这些步骤能转换成react组件。