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
首先要在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吗的详细内容。