Redux Promise 中间件是一个非常常用的中间件，它可以让我们在 Redux 中使用 Promise，方便我们处理异步操作。在使用 Redux Promise 中间件时，我们可能需要对 Promise 的结果进行转换，这时就需要用到转换函数。
转换函数的作用
在 Redux Promise 中间件中，我们可以使用 .then() 方法对 Promise 的结果进行处理，但这种方式会让我们的代码变得冗长。为了避免这种情况，我们可以使用转换函数来对 Promise 的结果进行转换。
转换函数的作用是将 Promise 的结果转换成我们需要的数据类型，例如将 JSON 格式的数据转换成 JavaScript 对象。通过使用转换函数，我们可以让我们的代码更加简洁和易读。
转换函数的编写
Redux Promise 中间件提供了一个 promiseTypeSuffixes 参数，该参数用于指定 Promise 的后缀。我们可以在 promiseTypeSuffixes 参数中指定我们需要的后缀，例如 REQUEST、SUCCESS 和 FAILURE。
在编写转换函数时，我们需要根据 Promise 的后缀来判断 Promise 的状态，从而进行相应的处理。下面是一个示例转换函数的代码：
-- -------------------- ---- -------
-------- --------------------------- ------- -
----- - ---- - - -------
----- ------ - ------------------------------------ - ---
------ -------- -
---- ----------
------ --------------
---- ----------
----- --- ------------------------
--------
------ ---------
-
-在这个示例中，我们首先获取了 Promise 的后缀，然后根据后缀进行相应的处理。如果 Promise 的后缀是 SUCCESS，则返回 Promise 的数据部分；如果 Promise 的后缀是 FAILURE，则抛出一个错误；否则返回 Promise 的完整结果。
使用转换函数
在使用 Redux Promise 中间件时，我们需要在 applyMiddleware 函数中传入该中间件，并在创建 store 时使用 compose 函数将该中间件和其他中间件进行组合。下面是一个示例代码：
-- -------------------- ---- -------
------ - ------------ ---------------- ------- - ---- --------
------ ----------------- ---- ---------------------------
----- ---------------- - ------------------------------------------- -- --------
----- ----- - ------------
--------
-----------------
-----------------------------------
-------------------- ----------- ---------- -----------
------------------ -----------------
---
-
--在这个示例中，我们使用了 promiseTypeSuffixes 参数指定了 Promise 的后缀，并将转换函数传递给了 transformResponse 参数。在创建 store 时，我们使用了 compose 函数将 Redux Promise 中间件和其他中间件进行组合。
总结
Redux Promise 中间件的转换函数可以让我们更加方便地处理异步操作。通过编写转换函数，我们可以将 Promise 的结果转换成我们需要的数据类型，从而让我们的代码更加简洁和易读。在使用 Redux Promise 中间件时，我们需要注意传入相应的参数，并在创建 store 时使用 compose 函数将中间件进行组合。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65093c0495b1f8cacd3fa2a9