如何在React中嵌入第三方JS脚本？

Question

我试图将来自Chew.tv的视频播放器嵌入到我的react组件中。 到目前为止，下面的代码是我无法使用的。

import React, {Component} from 'react';


export default class Chew extends Component {
    componentDidMount() {
        const script = document.createElement('script');
        script.setAttribute(
            'src',
            'https://asset-cdn.chew.tv/js/embed.js');
        document.body.appendChild(script);
    }
    render(){
        return(
            <div className="chew" data-uri={this.props.url} data-autostart="true"/>
        )
    }

}

我已经尝试了很多次谷歌搜索，但是我不知道是否有标准的方法可以做到这一点。 我的项目当前正在使用create-react-app ，我正在寻找不需要我退出它的解决方案。

Answer 1

您可以直接将其导入indix.js

<script src="https://asset-cdn.chew.tv/js/embed.js" type="text/javascript"></script>

它的功能可以在componentDidMount上访问