小编Rém*_*ont的帖子

如何将操作分派到 redux-devtools 存储以从组件导入状态?

我目前正在尝试实现一个集成在我的 angular 应用程序中的面板,这将允许我使用与 redux-devtools 相同的导入功能导入从 redux-devtools 导出的任何 json 状态文件。

我的应用程序与@ngrx/store-devtools 正确集成。

我不知道如何从我的组件中检索 devtools 存储,然后像我在 redux-devtools 代码中看到的那样调度操作 IMPORT_STATE:

store.liftedStore.dispatch({type: 'IMPORT_STATE', ...nextLiftedState});
Run Code Online (Sandbox Code Playgroud)

目标是从 redux-devtools 手动触发导入状态功能,但直接在我的应用程序的组件内。

有可能这样做吗?以及如何在我的组件中注入这个存储然后使用它?

提前致谢,

编辑:

实际上,我想要实现的是在我的应用程序中有一个组件,它允许我导入不同的状态(作为 json 文件),我以前从 redux-devtools 扩展中记录到我的应用程序的任何页面。因此,该组件需要访问 redux-devtools 存储并分派操作 IMPORT_STATE。我目前所做的似乎没有触发 redux-devtools 商店的 IMPORT_STATE 操作的减速器。我想我错过了一些东西来包含来自 angular 应用程序的 redux-devtools 存储。

你知道如何实现这一目标吗?

提前致谢,

action dispatch ngrx

6
推荐指数
1
解决办法
3035
查看次数

标签 统计

action ×1

dispatch ×1

ngrx ×1