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

您可以尝试在<script>方法之外加载render并将其移动到生命周期方法中 - 也就是说，除非您希望每次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>应该在组件安装之前调用。

RSS无法在React组件

1 个答案: