今天来学习下react中另一个重要的知识：redux及其工作流程和案例分析 感兴趣的小伙伴一起来看看吧~ redux redux理解 英文文档：https://redux.js.org/ 中文文档：https://www.redux.org.cn/ Github：https://github.com/reduxjs/redux redux是什么 redux是一个专门用于做状态管理的JS库（不是react插件库）。 它可以用在react，angular，

本文被专栏【React–从基础到实战】收录 🕹坚持创作✏️，一起学习📖，码出未来👨🏻‍💻！

还在担心面试不通过吗？给大家推荐一个超级好用的刷面试题神器：牛客网，里面涵盖了各个领域的面试题库，还有大厂真题哦！赶快悄悄的努力起来吧，不苒在这里衷心祝愿各位大佬都能顺利通过面试。 🍉前言 本篇文章主要写的是前端高频面试题（React框架）篇 面试题参考文章： 【Web前端面试】葵花宝典（2022版本）—— Vue篇 【Web前端面试】葵花宝典（2022版本）—— CSS篇 【Web前端面试】葵花宝典 （2022版本）—— JS篇（上）

前言 😎😎欢迎来到我的博客😎😎📔博主是一名大学在读本科生，主要学习方向是前端😊。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🤩 🛠目前正在学习的是🔥 R e a c t 框架 React框架 Reac

一、前言 useReducer 是 useState 的替代方案。它接收一个形如 (state, action) => newState 的 reducer，并返回当前的 state 以及与其配套的 dispatch 方法。（如果你熟悉 Redux 的话，就已经知道它如何工作了。） const [state, dispatch] = useReducer(reducer, initialArg, init); useReducer接收两个参数： 第一个参数：reducer函数

如下，对于一个多层嵌套的数据结构：例如 要做的就是删除所有value为空，数组为空，对象为空的字段 const querys = { name: '测试', httpMethod: '', httpHeaders: [ { key: 'Accept', value: 'test', }, ], restParams: [ { key: '', value: '', }, ], body

React组件生命周期 认识生命周期 很多的事物都有从创建到销毁的整个过程，这个过程称之为是生命周期； React组件也有自己的生命周期，了解组件的生命周期可以让我们在最合适的地方完成自己想要的功能； 生命周期和生命周期函数的关系如下: 生命周期是一个抽象的概念，在生命周期的整个过程，分成了很多个阶段； 比如装载阶段（Mount），组件第一次在DOM树中被渲染的过程； 比如更新过程（Update），组件状态发生变化，重新更新渲染的过程； 比如卸载过

开启学习react+ts，本篇主要是用react创建项目和了解Function Component。 一、项目创建与准备 1、创建项目 创建名为 hook-ts 的项目： npx create-react-app hook-ts --template typescript cd hook-ts # 通过vscode打开 code . 可以看到，整个项目的组件，都是使用tsx做后缀的，而普通的js文件，也使用的是ts作为后缀名。 注意： 1、在React

HTTP状态码—请求错误 400 Bad Request1、语义有误，当前请求无法被服务器理解。除非进行修改，否则客户端不应该重复提交这个请求。2、请求参数有误。401 Unauthorized当前请求需要用户验证。402 Payment Required该状态码是为了将来可能的需求而预留的。403 Forbidden服务器已经理解请求，但是拒绝执行它。404 Not Found请求失败，请求所希望得到的资源未被在服务器上发现 第一中可能：React中将你安装的proxy 或者是 creat

React性能优化SCU React更新机制 我们在前面文章已经讲解过React的渲染流程: 那么React的更新流程呢? React在props或state发生改变时，会调用React的render方法，会创建一颗不同的树。 React需要基于这两颗不同的树之间的差别来判断如何有效的更新UI: 如果一棵树参考另外一棵树进行完全比较更新，那么即使是最先进的算法，该算法的复杂程度为 O(n²)，其中 n 是树中元素的数量; https://grfia.dl

函数式组件中，使用useCallback对函数进行缓存（被外层函数包裹，相当于闭包），组件再次更新时（函数重新执行）会根据依赖是否变化决定选用缓存函数【之前生成的函数】还是新函数【新生成的上下文】。 一般会在嵌套组件中，与函数式组件的memo和类组件的PureComponent一起使用【会对传入props参数逐个进行浅比较决定是否需要更新】，来提高页面性能。 传入箭头函数还是普通函数没有影响 useCallback第二个参数决定组件更新是否生成新函数，函数内部使用到的依赖尽可

博主主页👉🏻蜡笔雏田学代码 今天学习一下使用redux如何实现多组件共享数据 感兴趣的小伙伴一起来看看吧~🤞 多个组件数据共享 我们之前学习的都是只有一个组件获取redux里的数据，也就是Count求和这个组件。但是redux在真实的使用场景中，肯定是有多个组件共享数据，才会使用redux进行状态管理。接下来使用多个组件通过redux实现数据共享。 我们创建一个Person组件，Person组件的数据也交给redux管理，这样Count组件和Person组件就可以