如何在反应中使用脚本？

Question

我将要从我的“反应”项目中的“ https://www.mql5.com/en/economic-calendar/widgets”处调用代码。但是，我从“ componentDidMount”中调用了“ script”，但我不知道如何调用“ neweconomicCalendar”对象。如果您能告诉我如何解决此问题，我将不胜感激。

<script type="text/javascript" src="https://c.mql5.com/js/widgets/calendar/widget.js?6"></script>
<div id="economicCalendarWidget"></div>
<script type="text/javascript">
    new economicCalendar({ width: "100%", height: "100%", mode: 2 });
</script>

import React, { Component } from "react";

class sampleTest extends Component {
  componentDidMount() {
    const script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "https://c.mql5.com/js/widgets/calendar/widget.js?6";
    document.body.appendChild(script);
  }

  render() {
    return (
      <div className="container-fluid text-center"}>
        <div className="row justify-content-center">
          <div className="col my-5">
            Calendar AREA
          </div>
        </div>
      </div>
    );
  }
}

export default sampleTest;

Answer 1

获取状态变量，并在脚本onload上将其设置为true，然后在render函数中呈现加载状态，直到状态变量不为true。

Answer 2

您可以转到项目根目录下的public/index.html并在其中添加脚本标签。