ReactJsで外部jsウィジェットをレンダリングするにはどうすればよいですか？

Question

私はサードパーティのjs URLを持っています。

<script type="text/javascript" src="//app.jazz.co/widgets/basic/create/some-company-name" charset="utf-8"></script>

これは、通常、HTMLページ上に利用可能なジョブウィジェットとその作成ウィジェットをjavascriptで作成します。

ReactJSを使用してhtmlページにウィジェットをレンダリングする必要があります。しかし、私はウィジェットを見ることができませんでした。

これはReactJで試したものです。しかし、運がない。

componentDidMount() { 
    trackMixpanelEvent('Careers Page', { 
     'Exact Time': moment().format(), 
    }); 
    var addScript = document.createElement('script'); 
    addScript.setAttribute('src', '//app.jazz.co/widgets/basic/create/some-company-name'); 
    document.body.appendChild(addScript); 
} 

Answer 1

私はこれをしようとすると、私は

を取得するには、「文書」の「書き込み」を実行に失敗しました： ない限り、非同期的にロードされた外部スクリプトから文書に を書き込むことはできません明示的に開きます。

スクリプトを調べると、document.writeが使用されています。ソーススクリプトコードでdocument.writeが使用されている場合、JSコードを使用してスクリプトを動的に追加することはできません。

悪い練習を使用しないようにスクリプトを更新するようにプロバイダに指示することができますdocument.write