react能实现依赖注入。实现方法：1、利用props实现依赖注入，例如“function welcome(props){return...}”；2、利用context实现依赖注入；3、利用InversifyJS等依赖注入库实现依赖注入。本

react中redux有中间件。因为redux的数据需要异步请求，所以需要中间件在redux中完成异步请求；中间件可拓展redux应用程序，当组件触发一个action后，action会优先被中间件处理，中间件处理完后再传递给reducer。

react调用setstate后会发生：1、将传入的参数对象与组件当前的状态合并，触发调和过程；2、根据新的状态构建React元素树并重新渲染整个UI界面；3、得到元素树之后，React会计算出新的树与老树的节点差异，然后进行最小化重渲染。

在react中，canvas用于绘制各种图表、动画等；可以利用“react-konva”插件使用canvas，该插件是一个canvas第三方库，用于使用React *** 作canvas绘制复杂的画布图形，并提供了元素的事件机制和拖放 *** 作的支持。本

区别：1、函数式定义无状态组件不能访问生命周期方法，而es5和es6的方法定义的是有状态的组件并且可以访问生命周期方法；2、es5方法中的函数this可以自动绑定，而es6方法中的函数this不能自动绑定，需要手动绑定。本教程 *** 作环境：Wi

react的体积较大；在benchmark测试中，react压缩版本的体积几乎是vue的两倍大；react擅长处理大型应用项目或者使用JavaScript构建移动应用程序，体积较大，而vue的使用成本较低，更灵活，体积较小。本教程 *** 作环境：

react兼容ie9及其以上的版本；react是Facebook推出的用来构建用户界面的JavaScript库，主要用于构建UI，并且早在react的0.14.x版本时就已经不支持ie8了，因此react兼容ie9及其以上的版本。本教程 *** 作

实现方法：1、利用“import{DndProvider}from react-dnd”定义一个可拖拽的范围；2、利用“import{useDrag}from react-dnd”将DragSource包裹住组件，使其可以拖动即可。本教程 ***

rxjs和react的区别是：React是用于构建用户界面的JavaScript库，是视图库，能够简单创建交互式UI；而rxjs是使用Observables进行反应式编程的javascript库，用于编写异步或者回调的代码；二者的用途不同。

react生命周期分为3个阶段；分别是：1、创建阶段，也被称为初始化阶段，表示组件第一次在DOM树中进行渲染的过程；2、更新阶段，也叫存在阶段，表示组件被重新渲染的过程；3、卸载阶段，也叫销毁阶段，表示组件从DOM中删除的过程。本教程 *** 作环

方法：1、利用“const [arr, setArr]=useState([改变值])”修改State值；2、创建一个新的数组，并将原数组的值赋值给新数组，并用“setState(新数组)”修改State，将栈中原数组所指向的地址改变即可。

cordova和react的区别是：cordova是一个hybird模式的框架，用于将网络应用程序与本机移动功能连接；React是一个用于构建用户界面的JavaScript库，更偏重在页面层，将页面划分不同的类，数据变化可以很好的响应页面。

方法：1、利用“npm install less less-loader”安装less；2、在“module.rules”中将“test:.css$”修改为“test:.(css|less)$”；3、重新启动后即可支持less。

在react中，switch用于保证路由只渲染一个路径，用于解决route的唯一渲染；使用“<Switch>”包裹的情况下，当匹配完一个路径之后，就会停止渲染，若不使用“<Switch>”包裹，每一个被匹配到的“&l

因为react在渲染大型数据集合时，协调器必须评估每个变化的集合所产生的的组件，效率非常低；而使用专门的组件来渲染列表，就可以提高渲染大型数据集合的表现，并且不再渲染其他组件。本教程 *** 作环境：Windows10系统、react17.0.1版

因为在react中会出现定义大量实际dom的情况，需要频繁的 *** 作大量实际dom，这样会带来访问性能的严重下降，所以需要引入虚拟dom，避免频繁的dom *** 作带来的性能下降问题，虚拟dom可以更好地提升页面性能。本教程 *** 作环境：Windows1

react性能优化是shouldComponentUpdate周期函数；该函数可判断是否需要调用render方法重新描绘dom，能够优化dom diff算法，语法为“shouldComponentUpdate(Props,state)”。本

在react中，支持ie8的最高版本是“[email protected]”版本，若高于这个版本都是不兼容ie8的；可以利用在“index.html”文件中加入“es5-shim.js”和“es5-sham.js”这两个文件的方法使react兼容ie8。

React Native获取图片的真实大小 我们在项目开发中&#xff0c;为了能够让图片在我们前端显示的时候不会变形&#xff0c;我们通常会根据图片本身的真实宽高进行计算比例&#xff0c;这种计算之后再设置给图