使用reactjs将脚本标签附加到head标签

Question

我正在尝试使用React Component将脚本标签附加到头部。通过检查，我看到脚本标签已添加到头部，但内容未加载到页面上。

我的代码是：

export class TestComponent extends React.PureComponent<any, { loaded: boolean }> {
   state = { loaded: false };
   componentDidMount() {
      var s = document.createElement("script");
      s.async = true;
      s.src = "https://someurl/somejsfile.js";
      document.head.appendChild(s);
      s.onload = () => {
         this.state.loaded = true;
         console.log(s);
      };
   }
   render() {
      return null;
   }
}

此脚本标签将横幅添加到主页。