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

Question

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

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

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

store.liftedStore.dispatch({type: 'IMPORT_STATE', ...nextLiftedState});

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

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

提前致谢，

编辑：

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

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

提前致谢，

Answer 1

要从 redux devtools 中的调度程序调度到商店，您只需将动作定义输入为 json，然后单击调度。

例如：

{
type: 'IMPORT_STATE',
... whatever payload contents you need here ...
}

要打开调度程序，请单击 devtools 底部中间的小键盘按钮。