Javascript 如何将svgEdit文件转换为React组件?
Svgedit源代码- 主要文件-svg-editor.html、svg-editor.js 使用的技术-HTML、jQuery、javascript 是否可以将svgedit源代码转换为ReactJS组件 我尝试了以下方法,但无效: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 = [ {
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组件。