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

Question

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

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

我无法弄清楚如何从组件中检索devtools存储，然后分派动作IMPORT_STATE，就像我在redux-devtools代码上看到的那样：

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

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

有可能这样做吗？以及如何将此商店注入我的组件中以使用它？

预先感谢

编辑：

实际上，我想要实现的是在我的应用程序中有一个组件，该组件使我可以导入以前从redux-devtools扩展记录的状态（作为json文件），以到达应用程序的任何页面。因此，该组件需要访问redux-devtools存储并调度动作IMPORT_STATE。我目前所做的事情似乎并未触发redux-devtools存储的IMPORT_STATE操作的reducer。我想我缺少一些东西来包含来自角度应用程序的redux-devtools存储。

您是否知道如何实现？

预先感谢

Answer 1

要在redux devtools中从调度程序中调度到商店中，只需在操作定义中输入json，然后单击调度。

例如：

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

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