在react中怎么引用js
推荐两种引入的方法，当然也可以自己编写一个JS类（ES6语法）实现动态插入JS到页面，然后在React项目引入。
第一种：使用插件 react-load-script
如果没有安装可以使用 yarn add react-load-script 或者 npm install react-load-script，看你使用哪个包管理工具。
然后你就可以像使用React组件那样插入JS，如下代码。
import React from 'react';
import Script from 'react-load-script';
class DynamicScriptExample extends React.Component {
constructor(props) {
super(props);
this.state = {
scriptStatus: 'no'
}
}
handleScriptCreate() {
this.setState({ scriptLoaded: false })
}
handleScriptError() {
this.setState({ scriptError: true })
}
handle<mark style="color:transparent">来源gaodaimacom搞#^代%!码网</mark>ScriptLoad() {
this.setState({ scriptLoaded: true, scriptStatus: 'yes' })
}
render() {
return (
<>
<Script
url="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"
onCreate={this.handleScriptCreate.bind(this)}
onError={this.handleScriptError.bind(this)}
onLoad={this.handleScriptLoad.bind(this)}
/>
<div>动态脚本引入状态：{this.state.scriptStatus}</div>
</>
);
}
}
export default DynamicScriptExample;
第二种：直接在 项目/Public 目录下的 index.html 中引入。
本文来自React答疑栏目，欢迎学习！
以上就是在react中怎么引用js的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：在react中怎么引用js
转载请注明原文链接：在react中怎么引用js
