我正在尝试将来自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
,并且我正在寻找不需要我退出它的解决方案。
答案 0 :(得分:0)
您可以直接将其导入indix.js
<script src="https://asset-cdn.chew.tv/js/embed.js" type="text/javascript"></script>
可以在componentDidMount
上访问其功能