RSSがリアクションコンポーネントにレンダリングされない

Question

私のウェブサイトにRSSウィジェットを表示しようとしていますが、私はそれをリアクションコンポーネントからレンダリングしようとしています。しかしそれは現れません。私がHTMLファイルに追加しようとしたとき、その底部が完璧に動作します。

Reactにスクリプトタグを追加するにはどうすればよいですか？

これは私のコンポーネントである：

import React, { Component } from 'react'; 

class Blog extends Component { 
    render() { 
     return (
      <div className="container"> 
       <h1 className="page-header">Blog</h1> 
       <script type="text/javascript" src="https://feed.mikle.com/js/fw-loader.js" data-fw-param="52132/"></script> 
      </div> 
     ); 
    } 
} 

export default Blog; 

Answer 1

あなたが代わりにあなたのrender方法の<script>外をロードし、ライフサイクルメソッドにそれを移動してみてください - あなたはスクリプトがrenderたびにロードする場合を除き、つまり、メソッドが呼び出されます。

componentWillMount() { 

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

    script.src = "https://use.typekit.net/foobar.js"; 

    // you may want to load the script asynchronously so that is is 
    // only executed once available 
    script.async = true; 

    document.body.appendChild(script); 
} 

こうすると、コンポーネントのマウント直前に<script>が呼び出されます。