到底什么是redux中间件

1、什么是Redux？Redux就是一个js容器，用于全局的状态管理2、为什么在React项目中要使用Redux？因为React本质上就是一个UI库，它是单向数据流的，就是说数据只能从父组件通过props流向子组件，但如果子组件要想修改父组件的值，就只能通过给绑定函数传递参数的形式来修改，一旦项目中数据比较复杂时，这种形式会搞得一团糟，所以需要Redux的协助，帮助其更好的管理项目中复杂的数据问题3、Redux的三大核心原则？4、redux核心组成？store：它就是一个将派发的action和reducer

Redux是一个JavaScript状态管理库，用于管理应用中的状态（state）。它通过将应用的状态集中存储在一个单一的状态树中，以及通过不可变的方式来更新状态，来解决状态管理的复杂性。Reducer是一个纯函数，它接收当前的状态和一个Action作为参数，并返回一个新的状态。Redux是一个广泛使用的状态管理库，可以帮助开发者更有效地管理应用的状态。Redux的整个应用状态存储在一个单一的状态树中，使得状态变化易于追踪和管理。Redux的状态变化是通过纯函数来执行的，保证了状态的变化是可预测的。

redux详细介绍 1、redux 1、redux是什么？ redux是一个专门做状态管理的js库（不是react插件库） 它可以用在react，angular,vue等项目中，但基本与react配合使用 作用：集中式管理react应用中多个组件共享状态 2、什么情况下使用redux 某个组件的状态，需要让其他组件可以随时拿到（共享） 一个组件需要改变另一个组件的状态（通信） 总体原则：能不用就不用，如果不用比较吃力才考虑使用 3、redux工作流程 二、redux的三个核心概念 1、ation (1)动作

在react中每个组件的state是由自身进行管理，包括组件定义自身的state、组件之间的通信通过props传递、使用Context实现数据共享等，如果让每个组件都存储自身相关的状态，理论上来讲不会影响应用的运行，但在开发及后期我们将比较难以维护，所以我们可以把数据进行集中式的管理，redux就是一个实现上述集中管理的容器的工具，redux并不是只应用在react中，还与其他界面库一起使用，如Vue。

1.工作流

目录 1.中间件概述 Redux 中间件作用： 中间件说明： 2.中间件的触发时机 3.redux-logger中间件 4.redux-thunk中间件 1.不使用 redux-thunk 中间件，action 只能是一个对象 2.使用 redux-thunk 中间件后，action 既可以是对象，又可以是函数 5.了解：redux-thunk中间件原理 6.redux-devtools-extension中间件 7.了解：redux 中间件原理 8.理解Redux异步数据流 ..

主要总结中间件的工作原理、结构、执行顺序、组合方式等内容

文章目录1、redux中间件简介1.1、什么是redux中间件1.2、使用redux中间件2、中间件的运行机制2.1、createStore源码分析2.2、applyMiddleware源码分析3、常见的redux中间件3.1、logger日志中间件3.2、redux异步管理中间件3.2.1、redux-thunk3.2.2、redux-promise3.2.3、redux-saga 1、redux中间件简介 1.1、什么是redux中间件 redux 提供了类似后端 Express 的中间件概念，本质的目

Redux 是一个用于管理应用状态的 JavaScript 库，最初由 Dan Abramov 和 Andrew Clark 于 2015 年开发。它受到 Elm 架构的启发，旨在解决大型应用中状态管理的复杂性问题。Redux 提供了一个集中式的存储（Store），用于保存应用的所有状态，并通过纯函数（Reducers）来处理状态的变化。Redux 最初是为 React 应用设计的，但也可以与其他前端框架和库一起使用。首先，我们需要定义一些 Actions 来描述待办事项的增删改查操作。// 定义常量。

中间件是介于应用系统和系统软件之间的一类软件。

一、百度百科 中间件是介于应用系统和系统软件之间的一类软件，它使用系统软件所提供的基础服务（功能），衔接网络上应用系统的各个部分或不同的应用，能够达到资源共享、功能共享的目的。目前，它并没有很严格的定义，但是普遍接受IDC的定义：中间件是一种独立的系统软件服务程序，分布式应用软件借助这种软件在不同的技术之间共享资源，中间件位于客户机服务器的操作系统之上，管理计算资源和网络通信。 从这个意义上可以用一个等式来表示中间件：中间件=平台+通信，这也就限定了只有用于分布式系统中才能叫中间件，同时也把它与支撑软件

将state和action通过props的方式传入到原组件内部 `wrapWithConnect` 返回—个 `ReactComponent` 对象 Connect，Connect重新 render 外部传入的原组件 `WrappedComponent` ，并把 connect 中**传入的 `mapStateToProps`，`mapDispatchToProps`与组件上原有的 props 合并**后，通过属性的方式传给 `WrappedComponent`

1、redux中间件简介 1.1、什么是redux中间件 redux 提供了类似后端 Express 的中间件概念，本质的目的是提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，action 过滤，日志输出，异常报告等功能。 通俗来说，redux中间件就是对dispatch的功能做了扩展。 先来看一下传统的redux执行流程： 图

1.资本家redux要开一个商店，店里要配店员。（使用createStore(reducer)创建store）2.我想要买个女朋友，于是去商店了（创建一个action,并把action提交给store）3.店员熟悉店里个各种商品，对于顾客一律是有求必应，因为柜台摆动的模型，所以顾客要什么都是拿出新的给顾客（参数state表示当前商店有的商品，参数action表示顾客提的要求，reducer中和react中的props相似，可以接受state,但不能直接修改，需要进行一个拷贝）

redux是一种用于管理JavaScript应用程序的状态管理库。它可以与React、Augular、Vue等前端框架结合使用，但也可以纯在JavaScript应用程序中独立使用。redux遵循单项数据流的原则，通过一个全局的状态树来管理应用程序的状态，从而使状态的变化更加可预测和已于维护。

在 React 中，状态管理是指管理和共享组件间的数据。React 提供了内置的 useState 和 useReducer 来处理组件的局部状态，而 Context API 则用于跨组件共享状态。对于更复杂的应用，常用的第三方状态管理工具如 Redux、MobX 或 Recoil 等，帮助集中式管理全局状态、处理异步操作以及实现更高效的状态更新。React 的状态管理强调单向数据流和不可变性，使得应用状态变得可预测和可调试，同时提升组件的可复用性和可维护性。

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）《前端开发四大模块核心知识笔记》最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】