react嵌入原生html,在react中怎么引用js

在react中怎么引用js

推荐两种引入的方法&＃xff0c;当然也可以自己编写一个JS类(ES6语法)实现动态插入JS到页面&＃xff0c;然后在React项目引入。

第一种&＃xff1a;使用插件 react-load-script

如果没有安装可以使用 yarn add react-load-script 或者 npm install react-load-script&＃xff0c;看你使用哪个包管理工具。

然后你就可以像使用React组件那样插入JS&＃xff0c;如下代码。import React from &＃39;react&＃39;;

import Script from &＃39;react-load-script&＃39;;

class DynamicScriptExample extends React.Component {

constructor(props) {

super(props);

this.state &＃61; {

scriptStatus: &＃39;no&＃39;

}

}

handleScriptCreate() {

this.setState({ scriptLoaded: false })

}

handleScriptError() {

this.setState({ scriptError: true })

}

handleScriptLoad() {

this.setState({ scriptLoaded: true, scriptStatus: &＃39;yes&＃39; })

}

render() {

return (

<>

onCreate&＃61;{this.handleScriptCreate.bind(this)}

onError&＃61;{this.handleScriptError.bind(this)}

onLoad&＃61;{this.handleScriptLoad.bind(this)}

/>

>

);

}

}

export default DynamicScriptExample;

第二种&＃xff1a;直接在 项目/Public 目录下的 index.html 中引入。

本文来自React答疑栏目&＃xff0c;欢迎学习&＃xff01;

以上就是在react中怎么引用js的详细内容&＃xff0c;更多请关注html中文网其它相关文章&＃xff01;