简介
@blueeast/bluerain-plugin-redux 是一个用于 Bluerain.js 的 Redux 插件,用于集成 Bluerain.js 应用程序和 Redux 的状态管理系统。
安装
使用以下命令在你的项目中安装 @blueeast/bluerain-plugin-redux:
--- ------- -------------------------------
配置
要使用 @blueeast/bluerain-plugin-redux 插件,需要在 Bluerain.js 应用程序中使用以下代码:
------ ----- ---- -------- ------ -------- ---- --------------------------- ------ ----------- ---- ---------------------------------- ----- ----- - -------------------------- --- ----------------------------------- ----- ------- - -------------- --------------- ----- ---
使用
@blueeast/bluerain-plugin-redux 提供了以下功能:
连接 Bluerain.js 应用程序和 Redux
这个插件是枢纽,它建立了 Bluerain.js 应用程序和 Redux 的连接。每当 Bluerain.js 应用程序状态更改时,该插件会将更改的状态推送到 Redux 存储。
在 Bluerain.js 应用程序中使用 Redux
为了在 Bluerain.js 应用程序中使用 Redux,需要使用 connect 函数将 Redux 的状态映射到组件的 props 中:
------ - ------- - ---- -------------- ----- ----------- ------- --------------- - -------- - ------ - ----- -------------------------------- ------ -- - - ----- --------------- - ----- -- - ------ - ------------- ------------------ -- -- ------ ------- --------------------------------------
示例
假设有以下 Redux 存储:
------ ----- ---- -------- ----- ------- - ------- ------- -- - ------ ------------- - ---- ------------ ------ ----------------- ------ ---------------- -------- ------ ------ - -- ----- ------------ - - ------------- ------ ------ -- ----- ----- - -------------------------- --------------
然后,将上面配置和使用中所述的代码添加到 Bluerain.js 应用程序中,如下所示:
------ ----- ---- -------- ------ -------- ---- --------------------------- ------ ----------- ---- ---------------------------------- ------ - ------- - ---- -------------- ----- ------- - ------- ------- -- - ------ ------------- - ---- ------------ ------ ----------------- ------ ---------------- -------- ------ ------ - -- ----- ------------ - - ------------- ------ ------ -- ----- ----- - -------------------------- ------------- ----------------------------------- ----- ------- - -------------- --------------- ----- --- ----- ----------- ------- --------------- - -------- - ------ - ----- -------------------------------- ------ -- - - ----- --------------- - ----- -- - ------ - ------------- ------------------ -- -- ------ ------- --------------------------------------
这个例子创建了一个 Bluerain.js 应用程序和 Redux 的集成。它还创建了一个组件,将 Redux 的状态映射到 myReduxState prop 中,并在页面上呈现状态。
总结
尽管 Redux 本身就是一个很好的状态管理工具,但是 @blueeast/bluerain-plugin-redux 提供了一个优雅的集成解决方案。通过将 Redux 和 Bluerain.js 应用程序集成起来,我们可以创建一个更强大和灵活的应用程序。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/blueeast-bluerain-plugin-redux