前言
在现代 web 应用程序开发中，前端框架通常都会有一些类似于 redux 的库，redux 是管理一个应用程序中所有状态的一种 JavaScript 库，而 redux-endpoints 是基于 redux 的一个中间件，可以帮助你更容易地管理异步操作。
安装
你可以使用 npm 进行安装：
--- ------- --------------- ------
配置
在 redux 应用程序中配置 redux-endpoints 非常简单。首先，在你的 store 中导入 redux-endpoints，并将其添加为中间件：
------ - ------------ --------------- - ---- -------- ------ --------- ---- ------------------ ----- ----- - -------------------- ----------------------------
然后，在你的应用程序中，你可以创建一些端点（endpoints），这些端点定义了你的应用程序如何处理异步操作。
端点
一个端点是一个包含了异步操作逻辑的纯函数，它可以使用 redux-endpoints 的辅助函数来发出异步请求并处理响应。
以下是一个简单的端点示例：
------ - -------------- - ---- ------------------ ------ ----- -------- - ---------------- ----- -------- -------- -- -- ------------------------------ -- ------------ ------------------ ---------- -- --------------- ---
在这个例子中，我们使用了 createEndpoint 辅助函数，它接收一个带有以下属性的配置对象：
name: 端点的名称。它是一个字符串，用于标识和调试端点。request: 这是一个函数，它将发出异步请求。在这个例子中，我们使用 fetch 发出请求来获取用户列表。transformResponse: 这个函数会在响应回来后被调用，它用来将服务器返回的数据转换为我们需要的数据格式。
要使用此端点，你可以将其添加到你的 action creator 中，这样你就可以在你的应用程序中使用该 action 来发出异步请求：
------ - -------- - ---- -------------- ------ -------- ----------- - ------ ------------------ -
这将会发送一个请求，并将其保存在 Redux store 中。接下来，你可以随时使用这个请求对 store 进行访问，例如使用 useSelector 钩子来获取存储的数据：
------ - ----------- - ---- --------------
------ - -------- - ---- --------------
------ ------- -------- ---------- -
----- ----- - ----------------------------------
-- --------------- -
------ ----------------------
-
-- ------------- -
------ ----------- ----------------------------
-
------ -
----
---------------------- -- -
--- ------------------------------
---
-----
--
-在这个例子中，我们使用 useSelector 钩子访问 getUsers.select.data，这个函数返回 redux-endpoints 的一个对象，其中包含了异步请求的状态。
总结
redux-endpoints 是一个有用的工具，它可以帮助你更容易地管理异步操作。你可以在你的 redux 应用程序中使用它，使用端点来定义异部操作的行为，并在需要的时候访问 Redux store 中的数据。希望这篇文章能够帮助你更好地理解并使用 redux-endpoints。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005739d81e8991b448e98fe