RSS無法在React組件中呈現

Question

我試圖在我的網站上顯示RSS小部件，並試圖從我的React組件中呈現它。但它沒有出現。當我試圖將其添加到我的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>應該在組件掛載之前被調用。