关于React Redux

是纽扣也是烤奶2025-04-02 20:45

官网：👉详情一 👉详情二 👉关于redux
使用原因：👉详情

javascript 复制代码

/**
2-1、随着javascript单页应用程序的发展，需要在代码中管理更多的状态（包括服务器响应数据、缓存数据、本地创建还未发送至服务端的数据、UI状态等）。
2-2、UI状态也越来越复杂（包括活动路由、选定选项卡、微调器、分页控件等）。
2-3、由于需要管理的状态是不断变化的，而存在依赖关系的状态之间会相互影响，进而导致失去对于状态更新的原因、时间、方式的控制。
2-4、由于前端产品的不断发展，需要处理更新、服务器端渲染、执行路由转换前获取数据等，而这些带来的突变和异步的混合使得状态管理变得更加复杂。
2-5、react希望通过消除异步（useState、useEffect、并发模式（Concurrent Mode））和消除直接DOM操作（虚拟DOM、自动批处理）等方法解决视图层问题，而管理数据的状态则取决于开发者。
*/

适用场景：👉详情

javascript 复制代码

/**
3-1、在应用程序的许多地方都需要使用大量的状态时。
3-2、应用程序状态需要频繁更新时。
3-3、更新状态的逻辑很复杂时。
3-4、应用程序中有一个中型或大型的代码库，同时被多人使用时。
3-5、需要了解状态是如何随时间更新时。
*/

使用步骤：👉详情

javascript 复制代码

/**
4-1、创建Redux store。
4-2、订阅更新。
4-3、订阅回调内部：获取当前的store state，提取这部分UI需要的数据，使用数据更新UI。
4-4、用初始的state去渲染UI。
4-5、通过dispatching Redux actions去响应UI层的交互。
*/

啊这：
啊这：
啊这：
啊这：
啊这：
啊这：
啊这：
啊这：