一看上去可能直接蒙圈。接下来我们一步一步来看。 总结： shallowEqual 会比较 Object.keys(state | props) 的长度是否一致，每一个 key 是否两者都有，并且是否是 一个引用，也就是只比较了 第一层 的值，确实很浅，所以深层的嵌套数据是对比不…

React Hooks 是 React 16.8 版本引入的一种新的特性，它允许我们在不编写 class 组件的情况下使用 state 以及其他的 React 功能。

用于发出通知,更改state . 通过store.dispatch() 发出Action 用于处理发出的Action通知. 需要返回一个全新的state 单一数据源:易管理、易调试. createStore(reducer,[INIT_STATE],enhancer) 初始化创…

这是一个基于 vite 搭建的 React 的项目，开发体验非常棒。 打开浏览器输入http://localhost:3000/#/，如上图所示的话。那么恭喜你，你可以正常开发 React 项目了。~~完结撒花~~ until/request 作为统一引入的请求方法，可以自定义…

本文例举创建 react 应用的常见 7 种方式，首先，我们第一个是想到的是 react 官方团队提供的脚手架工具 Create React App(cra) 项目是零配置。

React 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或者框架的开发人员很难找到要构建一个 React 系统的所有组件。如果你是来自于像 Angular 这样的框架的开发者，你可能已经习惯了框架包含了所需要的所有功能， 然而对于 …

前言 我们在使用React开发过程中经常会遇到父组件引入子组件的情况，在不做任何优化处理的时候，往往会造成子组件不必要的重复渲染。看下面一个简单的例子 React.memo 1、React.memo为

在React项目中，我们经常会通过redux以及react-redux来存储和管理全局数据。但是通过redux存储全局数据时，会有这么一个问题，如果用户刷新了网页，那么我们通过redux存储的全局数据就会被全部清空，比如登录信息等。 这个时候，我们就会有全局数据持久化存储的需求…

父组件将一个 【值】 传递给子组件，若父组件的其他值发生变化时，子组件也会跟着渲染多次，会造成性能浪费； useMemo是将父组件传递给子组件的值缓存起来，只有当 useMemo中的第二个参数状态变化