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

时间:2018-08-20 23:22:04

标签: reactjs embed

我正在尝试将来自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,并且我正在寻找不需要我退出它的解决方案。

1 个答案:

答案 0 :(得分:0)

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

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

可以在componentDidMount上访问其功能