react使用Jquery的第三方插件

eact初学者,后台项目有大量第三方插件修改版的,要使用一些第三方的Jquery插件,但是这些插件以前都是直接引用的,不在npm库里等等,不是module模块。怎么引用呢?

那就用传统的 umd 的思路啊,直接入口的 html 文件加一个 script 标签引入这些 jquery 插件,一般来说它们都会挂载在 window 上面或者直接写一个全局变量,保证打包好的文件在这个标签之后,继续使用就好。

  react的思想是虚拟dom,提倡最好较少dom的操作,可是我们在写网页的时候,有些复杂的交互还是离不开jquery插件的。而且当你把jquery直接拿来用的时候,你会发觉会报错,要么是找不到那个插件,要么就是没有报错,但是就是不能用。尤其是使用webpack打包后,如果将插件一起打包,那可能会出错。

那怎么过办呢?提供以下的解决方法

方法1:

  在github下搜索react-插件名,比如: react-swiper,如果你可以搜到结果,那么就可以直接使用react的插件了,而无需再依赖jquery插件。

方法2:

   将插件引入到页面的尾部,跟平时使用插件的方式一样。

  这是我webpack引入jquery的代码

  但是如果你的react项目中要使用jquery,插件也要依赖于jquery。用webpack打包的话,相当于引入了jquery两次。这个做法的缺点主要是在这里

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值