在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 })

}

handleScriptLoad() {

this.setState({ scriptLoaded: true, scriptStatus: 'yes' })

}

render() {

return (

<>

onCreate={this.handleScriptCreate.bind(this)}

onError={this.handleScriptError.bind(this)}

onLoad={this.handleScriptLoad.bind(this)}

/>

動態腳本引入狀態：{this.state.scriptStatus}

>

);

}

}

export default DynamicScriptExample;

第二種：直接在 項目/Public 目錄下的 index.html 中引入。

本文來自React答疑欄目，歡迎學習！

以上就是在react中怎么引用js的詳細內容，更多請關注html中文網其它相關文章！

總結

以上是生活随笔為你收集整理的react中引入html文件,在react中怎么引用js的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。