在一个现代化的Web应用程序中，前端技术的重要性不言自明。在这个领域里，新的工具和框架层出不穷。Ember和Redux都是非常流行的前端框架。这篇文章将介绍如何使用 Ember-redux-thunk npm 包。
Ember-redux-thunk介绍
Ember-redux-thunk 是 ember-redux 的一个包装器。它允许您在 Ember 应用程序中使用 Redux 中间件 thunk。Thunk中间件允许您在Redux store中分派函数方式的 actions（操作）。
安装 Ember-redux-thunk
要在您的 Ember 应用程序中使用 Ember-redux-thunk，首先需要安装它。在您的终端中输入以下命令：
--- ------- ------ -----------------
这将在您的应用程序中安装 Ember-redux-thunk，并将其添加到您的 package.json 文件中。
在应用程序中使用 Ember-redux-thunk
在您安装了 Ember-redux-thunk后，需要将其添加到您的 ember-redux- middleware 中。打开您的 app/store.js 文件并将以下内容添加到您的中间件数组中：
------ ----- ---- -------------- ------ -------------------- ---- -------------------- ----- ---------- - ------- ----------------------
现在您可以在您的 Ember 应用程序中使用所有 Redux 中间件功能，包括现在使用的 thunk 中间件。
使用 Ember-redux-thunk in Ember 应用程序
在您的 Ember 应用程序中，使用任何 Redux action 片段时，thunk 中间件允许您使用async/await语法。例如，下面是使用 Async/await fetch 数据的一个例子：
------ - ------ - ---- --------------
------ ----- ---- --------
------ - ------------ - ---- --------------------
----- ------------ - -- -- -
------ ----- ---------- --------- -- -
-----------------------------
----- -------- - ----- ------------------------------
----- ---- - ----- ----------------
------------------------------
----------------------------
-
-
------ ------- --------
-------------
---
---在此示例中，我们使用 loadUserData 函数来获取一些远程数据。使用 async/await 语法允许我们更简单地编写异步代码。
建议
使用 Ember-redux-thunk允许您将更多的逻辑移到 Redux中，使您的视图组件更轻量，更易于维护。此外，它可以帮助您更灵活地管理应用程序中的 side-effect(副作用)。
结论
Ember-redux-thunk 是一个非常有用的包装器，使您在使用 Ember 应用程序时能够享受 Redux 的所有好处。在您的应用程序中使用 Ember-redux-thunk 是一种非常好的方式，可以让您更好地组织代码，处理 side-effects 并使代码更易于维护。
希望您喜欢本 Ember-redux-thunk 的使用教程。如果您有任何问题或建议，请随时在评论中留言。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066e19a563576b7b1ecbbd