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>应该在组件挂载之前被调用。