什么是redux-turnstile
redux-turnstile是一个帮助Redux应用程序自动处理异步操作的中间件。它可以处理异步请求，并触发成功或失败的action。这个库特别适用于处理RESTful API调用。通过使用redux-turnstile，你可以让你的代码更简洁，更易于维护。
安装
你需要先安装Redux。
然后通过npm安装redux-turnstile。
npm install --save redux-turnstile
使用
首先，你需要创建一个Redux store。然后在store创建时，将redux-turnstile作为middleware使用。
-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ - ------------------- - ---- ------------------
------ ----------- ---- -------------
----- ----- - ------------
------------
----------------
---------------------
-
--接下来，你需要创建一个turnstile实例，并将其connect到store。这个实例用来处理异步请求，并触发对应的action。你需要提供请求地址，请求类型（GET、POST、PUT等）。
-- -------------------- ---- -------
------ - --------------- - ---- ------------------
------ - -- ------- ---- ------------
----- ------------ - -----------------
-------- --------------------------
-------- -
----------- -
------- ------
----- -----------------
-------------- --------------------------
-------------- -------------------------
--
----------- -
------- -------
----- -------------
-------------- --------------------------
-------------- -------------------------
-
-
---
----------------------------最后，你可以在你的action creator中调用turnstile实例的action函数。这样，你就可以在你的应用程序中处理异步操作了。
import { fetchPosts } from './turnstiles/api/actions';
export const fetchPostsRequest = (id) => {
return dispatch => {
dispatch(fetchPosts(id));
};
};高级用法
自定义请求
你可以使用requestMiddleware和requestAction来自定义请求。requestMiddleware是redux-thunk中间件用来发起请求的函数。requestAction是用来创建具体请求的函数。
-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ - -------------------- ------------------ ------------- - ---- ------------------
------ ----------- ---- -------------
----- ----------------------- - --------- -- -
-- --------------
------ ------------------ ---------
--
----- ----- - ------------
------------
----------------
---------------------------------------------------------------
-
--
----- ------------ - -----------------
-------- --------------------------
-------- -
----------- -
-------------- ---------------- -- -- -- -- ---- ------------------ ----
-------------- --------------------------
-------------- -------------------------
-
-
---重试请求
如果你的请求失败了，你可以使用redux-turnstile提供的重试机制。重试机制将在一个指定的时间间隔内多次重新发送请求。
-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ - -------------------- ----------------- - ---- ------------------
------ ----------- ---- -------------
----- ----- - ------------
------------
----------------
-----------------------------------------
-
--
----- ------------ - -----------------
-------- --------------------------
-------- -
----------- -
------ -
------ --
------ ----
--
----- -----------------
-------------- --------------------------
-------------- -------------------------
-
-
---在上面的例子中，如果请求失败了，redux-turnstile将会尝试重新发送请求三次，每一次之间会暂停一秒钟。如果在三次尝试后还是失败了，其中最后一次响应的错误将会被传递到failureAction中。
结论
redux-turnstile是一个非常方便的库，用于帮助Redux应用程序处理异步请求。它能让你的代码更容易调试，更易于维护。它还提供了许多高级功能，如自定义请求、重试机制等等。现在你已经学会了使用redux-turnstile，希望你能将它应用在你的应用程序中，让你的代码更加简洁、可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005604c81e8991b448de774