如何在reactjs中使用外部js文件

Question

我正在尝试将 bootstrap 4 模板转换为 reactjs bootstrap 工作正常，但还有其他 javascript 插件，我不知道如何使用 . 任何建议，将不胜感激。

Answer 1

更新：请不要混合使用 jQuery 和 React。处理 DOM 和 VirtualDOM 可能很困难。如果您确实需要，请尝试一下：

当 componentDidMount 在 Root 组件时，尝试调用脚本并附加它。这是一个片段：

//#Write some like this in the App.js for example, since it's the main component:
componentDidMount(){
    //An array of assets
    let scripts = [
        { src: "assets/vendor/jquery/jquery.js" },
        { src: "assets/vendor/bootstrap/js/bootstrap.js" },
        { src: "assets/vendor/jquery-placeholder/jquery.placeholder.js" },
        { src: "assets/javascripts/theme.js" },
        { src: "assets/javascripts/theme.custom.js" },
        { src: "assets/javascripts/theme.init.js" }
    ]
    //Append the script element on each iteration
    scripts.forEach(item => { 
        const script = document.createElement("script")
        script.src = item.src
        script.async = true
        document.body.appendChild(script)
    })    
 }