dangeractSetInnerHTMLとスクリプトタグに反応します

Question

私はリモートHTMLコンテンツを処理するためのReactアプリケーションを構築しています。

実際、私たちはWYSIWYGのものでバックオフィスを使用していますので、私の反応アプリでそれを取得する必要があります。

それは「標準」もののために素晴らしい作品、など<p>、<div>等...

実は、私は自分のアプリケーションのページでツイートのタイムラインを埋め込むように、ツイッターに基づいてコンテンツを作成したいです。

は、ここで私は、バックエンドのAPIから取得mはHTMLです：その作業を行うためにTwitterが提供する埋め込みのものよりも小さい/

<div> 
    <a class="twitter-timeline" href="https://twitter.com/twitterAccount">Tweets by Twitter Account</a> 
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> 
</div> 

何よりも。私はそれを置くしようとすると

：

<div dangerouslySetInnerHTML={content}/> 

それは（リンクを除く）画面に何も提供ではなく、タイムライン、ちょうどのような場合には（と私はのからだと確信していませんスクリプトタグは実行されません）。

しかし、ものは私のDOMに存在し、実際に次のようになります。

<div> 
    <a class="twitter-timeline" href="https://twitter.com/user">Tweets by User</a><br> 
    <script async="" src="//platform.twitter.com/widgets.js" charset="utf-8"></script> 
</div> 

そのスクリプトが実行させるための方法を存在しますか？

Answer 1

スクリプトタグのsrc属性を読み取って、URLでリクエストを行い、一度eval()というテキストをロードすることはできますが、これはお勧めできません。

あなたはいつも同じスクリプトタグがhtmlに表示されると思いますか？おそらく正常に動作しますあなたのページで

<script async="" src="//platform.twitter.com/widgets.js" charset="utf-8"></script> 

を含む