reactjs采用将组件模块化的思想,但是如果想引入复杂点的jquery组件怎么办?难不成还需要看懂引入组件的内部实现然后自己手动改写成react模块的形式再去引用么?
Reactjs引入jquery控件问题
stop2stare
#3
如果你确实想在React组件里使用jQuery,那么你可以先 npm install jquery --save
然后在组件 jsx
里使用 import $ from 'jquery'
。这样就可以使用了。但是不建议使用jQuery,一来jQuery体量太大,二来写写原生JavaScript也是很好的,三来现在也有很多小的包可以替代jQuery的部分功能,比如ajax功能就可以使用superagent。至于取DOM,就尽量按照React的DOM机制来取了,比如说REF或者给DOM绑定事件,然后用 e.target
来取。方法很多,不要依赖jQuery~~
kkltmoyu
#5
谢谢你的回答!如果做组件开发的话,各种控件自己写,用原生的js,react确实很方便。但是如果需要在短时间内搭建一个网站的话,所有的组件全靠自己实现工作量太大。难免还是需要引用第三方控件,jquery或者bootstrap控件等等。jquery我只是举个例子。我想知道的是,如果我引用非reactjs库的控件,我有没有什么办法能够封装第三方控件为react的控件而不需要完全看懂然后修改引用控件的js代码,来实现react控件模块化
kkltmoyu
#15
我去,一年前的坟咋被挖出来了。那会刚入react坑没啥经验。
楼上说的没错,可以自己封react控件,网上自己封react控件的教程也不少。就算不自己封,各种控件库也基本够用。
antd,material-ui、react-ui、react-bootstrap、react-for-echarts,recharts,要啥有啥,我记着前几天不还有吧友发react实现的瀑布流的控件么