如何将操作分派到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操作的reducer。我想我遗漏了一些在angular应用中包含redux-devtools商店的东西。

你知道如何做到这一点吗？

提前谢谢你，

Answer 1

要从redux devtools中的dispatcher分派到存储中，只需在操作定义中输入json，然后单击dispatch。

例如：

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

要打开dispatcher，请单击devtools底部中间的小键盘按钮。

​

​