react裡能嵌入jquery。方法：1、利用「npm install jquery --save」安裝jquery；2、修改webpack設定檔；3、利用「require(jquery.plugin路徑)」引用jquery外掛程式即可使用。
本教學操作環境：Windows10系統、react17.0.1版、Dell G3電腦。
react裡能嵌入jquery
首先要在react裡面安裝jquery
npm install jquery --save
將$變數掛載到window下面，可以在專案中直接使用$,不用再引用
//修改webpack配置文件:
plugins:[
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"window.jQuery":"jquery"
})
]使用jquery插件的姿勢
先用require(/your/path/jquery.plugin)引用jquery外掛程式
webpack支援ES6的import,requirejs,commonjs語法，可以用CMD,
AMD的方式引用。
AMD寫法：
define(["jquery"],function($){
...
var initialChart = function(data){
//插件逻辑
}
...
$(function(){
//页面逻辑
})
...
return{
initialChart:initialChart //导出函数
}
})CMD寫法
function orgOrgChart(data){
//插件逻辑
}
$(function(){
//页面逻辑
})
module.exports.orgOrgChart = orgOrgChart //导出函数最後在react裡面引用導出的函數並在生命週期函數裡面呼叫
import {initialChart} from '../../es5Components/emp-orgChart.js'
import {orgOrgChart} from '../../es5Components/emp-orgChart.js'
...
componentDidMount(){
initialChart(this.state.data);
orgOrgChart(this.state.data)
}
....#推薦學習： 《react影片教學》
以上是react裡能嵌入jquery嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！
