reactjs中的第三方脚本文件

Question

我试图在我的网站上使用外部第三方脚本文件格式outgrow.co。我的网站基于reactjs。脚本文件应该生成一个按钮。我已经用html代码尝试了这个脚本，它工作正常。但它不适用于我的reactjs代码。这是我要添加的代码：

 <div>
                <div id='5cbead6c7771f625d56e46f0' data-embedCookieDays='10' data-embedScheduling='false' data-embedTimed='true' data-embedExit='false' data-embedTimeFormat='0' data-embedTimeValue='5' data-embedBorderRadius='0' data-embedFontSize='13' data-textcolor='#ffffff' data-bgcolor='#fb545b' data-prop='outgrow-p' data-type='outgrow-b' data-url='https://arafathossain571.outgrow.us/5cbead6c7771f625d56e46f0?q=1' data-text='Get Started'></div>
                <script src='//dyv6f9ner1ir9.cloudfront.net/assets/js/nploader.js'></script><script>initIframe('5cbead6c7771f625d56e46f0');</script>
            </div>

这是我试过的：

 componentDidMount () {



        const script = document.createElement("script");


        (function(){

            <div>
                <div id='5cbead6c7771f625d56e46f0' data-embedCookieDays='10' data-embedScheduling='false' data-embedTimed='true' data-embedExit='false' data-embedTimeFormat='0' data-embedTimeValue='5' data-embedBorderRadius='0' data-embedFontSize='13' data-textcolor='#ffffff' data-bgcolor='#fb545b' data-prop='outgrow-p' data-type='outgrow-b' data-url='https://arafathossain571.outgrow.us/5cbead6c7771f625d56e46f0?q=1' data-text='Get Started'></div>
                <script src='//dyv6f9ner1ir9.cloudfront.net/assets/js/nploader.js'></script><script>initIframe('5cbead6c7771f625d56e46f0');</script>
            </div>
        })();


        document.body.appendChild(script);
    }

Answer 1

你应该这样做：

componentDidMount () {
  const script = document.createElement("script")

  script.src = "//dyv6f9ner1ir9.cloudfront.net/assets/js/nploader.js"
  script.async = false
  script.onload = () => {
    // you can append your div here
  }
  document.body.appendChild(script)
}