react引入远程js
- 前端
- 三生万物
- 0
一、使用react-load-script
react-load-script文档
这个使用比较简单,直接安装引入即可
> npm i react-load-script -S
import Script from 'react-load-script'
// ...
render() {
return (
<Script
url="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"
onCreate={this.handleScriptCreate.bind(this)}
onError={this.handleScriptError.bind(this)}
onLoad={this.handleScriptLoad.bind(this)}
/>
)
}
// ...
handleScriptCreate() {
this.setState({ scriptLoaded: false })
}
handleScriptError() {
this.setState({ scriptError: true })
}
handleScriptLoad() {
this.setState({ scriptLoaded: true })
}
二、创建标签引入
var scriptTag = document.createElement('script');
scriptTag.src = 'https://www.xxx.com/a.js';
document.head.appendChild(scriptTag);
免责申明:本站发布的内容(图片、视频和文字)以转载和分享为主,文章观点不代表本站立场,如涉及侵权请联系站长邮箱:xbc-online@qq.com进行反馈,一经查实,将立刻删除涉嫌侵权内容。