什么是 redux-affix
redux-affix 是一个 Redux 的中间件包，旨在增强应用状态管理。它提供了多个能够辅助开发者的工具和依赖性，如状态持久化、状态调试、异步操作等，以帮助开发者更加高效地处理状态管理。
redux-affix 还提供了大量的插件、扩展以及客户端库，以满足不同项目的需求。这些扩展包括路由、表单管理、数据接口等，能够帮助开发者加速开发，提高需求实现的质量。
本文将为您介绍redux-affix的使用方法，帮助您在项目中更好的使用这个高效而稳定的中间件，提高项目开发的效率。
安装
npm install redux-affix --save
基本使用
在使用之前，请先配置需要用到的中间件。需要注意的是，redux-affix 的中间件配置非常简单，只需要添加 createStore 方法就行了，就像这样：
------ - ------------ ---------------- ------- - ---- --------
------ -------------------- ---- -------------
------ - ------------------- - ---- ----------
------ - ---------------- - ---- -------------------------
------ - ------------ - ---- ---------------
------ --------------- ---- --------------
------ - ------------- -------------- - ---- ----------------
------ ------- ---- ----------------------------
------ ------------ - -------- - ---- ------------
------ - ------ ----------------- - ---- --------------
----- -------------- - -----------------------
----- ------------- - ----------------------
----- ------ - ---------------
----- ----------- - -
------------- -------------------------
-------- --------------
-------- ----------------
---- -------
--------
---------- -------- --------
-- -------------
--
----- ----- - ------------
-------------------
--------
----------------
-----------------------
----------------
--------------------------------
---------------
-------
--
--
--
-----------------------------
------------------- - --------- ----- ---
------ ------- ------
以上便是一个简单的中间件配置，在使用的时候，我们只需要在 createStore 的时候加载以上的中间件即可。
状态持久化
在大型项目中，状态管理是十分重要的，我们经常需要在修改了某一个状态后能够让其保持不变，直到用户再一次操作该状态。
redux-affix 提供了数据持久化的能力，允许我们持久保存整个应用的状态。以下是设置 redux-affix 辅助数据持久化的示例代码：
----- ------- - ---------------
-
---- -------
--------
---------- ------------ --------
--
-----------
--
----- ----------- - -------
-------- --------
---
----- ----- - ------------------------ ---------------------------------在这个示例中，我们创建了一个 createAffix 的实例，并初始化过滤bookmark和note这两个 reducer 状态的白名单。由于 Redux 中的每个状态仅有代表当前状态变量的单一值，因此redux-affix会把不间断的状态转换为不可变数据，以实现这个功能。
操作异步数据
在很多情况下，我们需要操作异步数据。特别是在前端应用程序中，访问 Firebase，GraphQL或一些其他API时。这时，redux-affix的可配置性非常体现出来。
redux-affix 支持最常见的异步操作范式：异步操作状态、异步请求、错误处理和回调处理。它提供了很多基于 Redux 的拓展，以使这些流程更加灵活而且安全。
使用示例
To be continued...
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005578081e8991b448d47ff