我目前正在尝试实现一个集成在我的 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 存储。
你知道如何实现这一目标吗?
提前致谢,