react组件的缺点：1、React本身只是一个V而已，并不是一个完整的框架；2、需要加上ReactRouter和Flux才能写大型应用。本文 *** 作环境：Windows7系统、react17.0.1、Dell G3。react组件有什么缺点？

在react中，高阶组件是一个函数，是用于重用组件逻辑的高级技术；高阶组件用于接受一个组件作为参数，返回一个新的组件，这个新的组件会使用传给它的组件作为子组件，可以用属性代理和反向继承两种方法来实现高阶组件。本教程 *** 作环境：Windows1

在react中，hook是React16.8新增的特性，用于在不编写class的情况下使用state及其他的react特性；可以用函数组件去使用react中的一些特性，也可以让函数组件也拥有状态，通过自定义hook实现在组件间公用状态 *** 作。

不同：1、15版本架构分为协调器和渲染器两部分，而16版本架构分为调度器、协调器和渲染器三个部分；2、15版本的reconciler是采用递归形式工作是同步的，而16版本的reconciler采用的是异步可中断更新代替15版本的同步更新。本

在react中，key用于识别组件，可在DOM中的某些元素被增加或删除时识别哪些元素发生了变化，是一种身份标识；可以根据key来决定是销毁还是更新组件，若key相同，组件有变化就只更新组件相应的属性，若key不同，会销毁之前的组件重新渲染。

React路由有两种模式，分别是：1、hash模式，该模式会在路径前加入“#”号成为一个哈希值；2、history模式，该模式允许 *** 作浏览器的曾经在标签页或者框架里访问的会话历史记录。本教程 *** 作环境：Windows10系统、react17.

方法：1、利用“npm run eject”复制所有依赖文件和相应的依赖到项目中；2、在“package.json”中修改“"eslintConfig"”项目的代码；3、若缺少依赖，需要重新安装依赖，利用“npm sta

“react-redux”的作用：1、将组件分为了容器组件和UI组件；2、取代redux中的“store.subscribe”监听组件的状态变化，用于渲染组件；3、配合redux使用，使组件轻松的拿到全局状态，方便组件间的通信。本教程 *** 作环

react dnd用于构建复杂的拖放界面，并保持组件之间的耦合，是一组react高阶组件；使用时只需用对应的API将目标组件包裹，即可实现拖动或接受拖动元素的功能；不需要判断拖动状态，只需在传入的spec对象中各个状态属性中做对应处理即可。

react withrouter用于将一个组件包裹进Route里面，并将“react-router”的三个history、location、match对象传入props对象，引入语法为“import{withRouter}from...”。

区别：1、当节点元素类型相同，但className不同时，vue认为是不同类型元素，会删除重建，而react会认为是同类型节点，只修改节点属性；2、列表比对，vue采用从两端到中间的比对方式，而react则采用从左到右依次比对的方式。本教程

React Fiber是一个类似双向链表的数据结构；ReactDom会根据jsx，为每个dom节点生成一个fiber节点，child指向第一个子节点、sibling指向下一个兄弟节点、return指向父节点的数据结构就是fiber数据结构。

使用“react-redux”的场景：1、用户的使用方式复杂时；2、不同身份的用户有不同的使用方式时；3、多个用户之间可以协作时；4、与服务器大量交互，或者使用了WebSocketView时；5、要从多个来源获取数据时。本教程 *** 作环境：Wi

在react中，ssr是“Server Side Rendering”的缩写，是服务器端渲染的意思；ssr是将同一个组件渲染为服务器端的HTML字符串并发送到浏览器，将这些静态标记"激活"为客户端上完全可交互的应用程序。

在react中，forceupdate()用于强制使组件跳过shouldComponentUpdate()，直接调用render()，可以触发组件的正常生命周期方法，语法为“component.forceUpdate(callback)”。

react不是mvvm框架。mvvm框架需要有一个vm对象来映射view，也即vm对象的属性发生改变的时候，对应的视图部分会相对应更新；而react中并没有vm对象，有的是属性和状态，整体可作为View使用，所以react不是mvvm框架。

解决的问题：1、从组件中提取状态逻辑，解决了在组件之间复用状态逻辑很难的问题；2、将组件中相互关联的部分拆分成更小的函数，解决了复杂组件的问题；3、在非class的情况下使用更多的React特性，解决了class组件与函数组件有差异的问题。

本篇文章给大家带来了React组件间通信简单易用的常用方式，React知识中一个主要内容便是组件之间的通信，以下列举几种常用的组件通信方式，结合实例，通俗易懂，建议收藏，希望对大家有帮助。一、父子组件通信原理：父组件通过props（与vue

微信红包曾经引爆过一系列的营销热潮，相信大家对于这种红包形式并不陌生，这里本着娱乐至上的精神用React简单地实现了拆红包的动画效果，供大家一起交流学习用CSS3绘制红包.redpack {height: 450px;background