React中如何引入原生JS库

一、在js代码加载之前先引入需要的库

创建一个 script 标签，加入到html 的head里面,用JS代码实现

  let script = document.createElement('script')
    script.type = 'text/javascript'
    script.async = true
    script.src = '../../../../public/static/jtopo/js/jtopo-editor.js'
    document.head.appendChild(script)

贴完整代码如下

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

export default function Demo() {
  const initScript = () => {
     let script = document.createElement('script')
    script.type = 'text/javascript'
    script.async = true
    script.src = '../../../../public/static/jtopo/js/jtopo-editor.js'//这个代表的是script 的src
    document.head.appendChild(script)
  }
  useEffect(() => {
    initScript()
  }, [])

  return <div >
  </div>
}