包含react项目使用jquery可以吗的词条

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

React.js怎么和jquery结合开发

用React就不能用jQuery以DOM为核心的设计思路，React是声明式的我们要去声明在不同的时间点UI的形态，另外通过数据去改变也是数据驱动，React会管好剩下的事情。

React.js是不需要jquery的，如果你用了react还需要严重依赖jquery的话，说明你的技术方案一开始就是错误的。一般来说，用jquery就不要用react，用react就不要用jquery。他们分别代表了两种开发思路。一个是MVC结构化的，一个是着重于DOM处理的。

可以啊，react的项目引入jquery后可以使用以上提到的dom操作和动画相关的API，还望采纳谢谢。

首先新建一个html文件，命名为test.html，在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，使用button标签创建一个按钮，按钮名称分别为“刷新页面”。

相关问答

Q1: react怎么引入jquery

1、在 jQuery 中，我们已经熟悉了使用 sizzle 选择器来完成 DOM 元素的选取。而在 React 中，可以使用 ref 来更有针对性的获取元素。

2、webpack-dev-server已经在用了吧，只要通过npm install或package.json配置安装jquery就行了，在用的地方import $ from jquery或var $=require(jquery)就可以用了。

3、你可以在你的react模板页面中直接引入jquery和jstree。在你需要用到的组件里用ref拿到对应元素，调用jstree的初始化方法就可以。一般要在componentDidMount中初始化。

4、用React就不能用jQuery以DOM为核心的设计思路，React是声明式的我们要去声明在不同的时间点UI的形态，另外通过数据去改变也是数据驱动，React会管好剩下的事情。

5、React.js是不需要jquery的，如果你用了react还需要严重依赖jquery的话，说明你的技术方案一开始就是错误的。一般来说，用jquery就不要用react，用react就不要用jquery。他们分别代表了两种开发思路。一个是MVC结构化的，一个是着重于DOM处理的。

6、导入jquery 的路径的方法如下：1，新建一个test.jsp页面用来引入文件。2，新建好之后，开始来引入jquery.js，代码是script type=text/javascript src=%=path%/bootstrap/js/bootstrap.min.js。3，获得项目名称，String path=request.getContextPath()。

Q2: 在用react的时候老大不让用jquery,为什么

不建议抛开jquery，jquery有海量的用户和他简单、好用的api分不开的，基本每个前端开发都会jquery。而react在组件化开发中更有优势，但是react并没有提供兼容或者底层封装好的api，比如ajax。所以react组件化开发的时候搭配jquery会更有效率。

可以使用fetch替代ajax。但是现实开发中很可能遇到各种各样的情况，比如不得不用React封装一个现成的jquery或纯js写的控件来用。比如将highcharts或echarts封装成React组件等。我觉得具体还得视项目需求而定，毕竟React目前的用户群数和jquery相比还是太少了。

Q3: react与jquery能共存吗

1、可以使用fetch替代ajax。但是现实开发中很可能遇到各种各样的情况，比如不得不用React封装一个现成的jquery或纯js写的控件来用。比如将highcharts或echarts封装成React组件等。我觉得具体还得视项目需求而定，毕竟React目前的用户群数和jquery相比还是太少了。

2、webpack-dev-server已经在用了吧，只要通过npm install或package.json配置安装jquery就行了，在用的地方import $ from jquery或var $=require(jquery)就可以用了。

3、React.js是不需要jquery的，如果你用了react还需要严重依赖jquery的话，说明你的技术方案一开始就是错误的。一般来说，用jquery就不要用react，用react就不要用jquery。他们分别代表了两种开发思路。一个是MVC结构化的，一个是着重于DOM处理的。

Q4: react怎么用jquery的组件

webpack-dev-server已经在用了吧，只要通过npm install或package.json配置安装jquery就行了，在用的地方import $ from jquery或var $=require(jquery)就可以用了。

你可以在你的react模板页面中直接引入jquery和jstree。在你需要用到的组件里用ref拿到对应元素，调用jstree的初始化方法就可以。一般要在componentDidMount中初始化。

一个是MVC结构化的，一个是着重于DOM处理的。如果react中使用jquery去操作DOM，会则使得react中的state可能会跟真实的DOM结构不匹配，从而产生难以预料的错误。这是使用react的大忌。react要改变DOM一定要是以改变组件的state，从而间接修改DOM的，任何直接操作DOM都是违反react的设计原则的。

Q5: react项目可以引入jstree插件吗

1、使用npm install命令安装依赖，然后执行npm run build打包这个方案当然一点毛病都没有，通过这个可以认识到，create-react-app在创建React项目的时候，是隐藏了许多开发者不需要过多关心的配置项的，尽量简化了前端的开发。而eject命令则可以让这些配置项暴露出来。

2、React项目实现点击图片预览：“React-zmage” 一个图片放大查看组件，动画流畅简洁，使用简单方便。react-zmage 是一个基于 React 的的图片缩放控件，使用 Zmage 标签包裹后的图片可以立即获得缩放效果，替代原生的 img 标签，也可以实现图片的翻转。

3、如果库文件的路径是正确的，那么可能在html中加载jQuery库文件顺序有误，如果将jQuery库文件加载放到最开始位置，即可以解决该错误。

4、如果你已经安装了其他的Vue插件，请尝试禁用它们，以避免插件之间的冲突。确保你的项目中包含一个.eslintrc.js或者.eslintrc.json文件，用于配置ESLint的规则。

5、拿到这个需求，真时一头雾水。因为没有做过类似需求，不知从何下手。在查阅资料的过程中，发现有很多jQuery插件可以实现显示pdf，但是我们是react单页面应用项目，看来这些插件并不适用，只能另寻其它方法。后来在 npmjs.com 上找到了 react-pdf-js 组件，心想显示pdf有望。

6、采用css可以删除react项目引入百度地图时，会发现地图的左下角会有logo和信息，在项目中我们是不需要这些的，采用css就可以将其去掉.anchorBL{display：none；}123123。

react项目使用jquery可以吗的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、react项目使用jquery可以吗的信息别忘了在本站进行查找喔。