从 Gatsby 应用程序的多个页面读取和写入 Redux 存储

编程问答 2022-05-23

问题描述

我的应用是这样的：

盖茨比项目

index.tsx - 应用入口点 - 我调用

<Provider store={store}>
   <HomePage />
</Provider>

HomePage.js 使用 mapStateToProps 并使用 connect(mapStateToProps)(HomePage)

在我的主页中，我当然使用了多个 React 组件。我可以使用存储，读取/写入 HomePage 上发生的任何事情。

在我的主页上，我有指向 ActivityPage 的链接。一旦我点击这个页面并登陆那里 - 问题就开始了。

ActivityPage 利用多个子组件来实现任务。如何从 ActivityPage 访问读/写？

我无法useDispatch写入甚至读取存储。我可以在我的 ReactDev 工具上看到商店，但是在尝试读/写时我遇到了 11 个错误，主要是我需要用 <Provider>

包装组件

我在 Stack Overflow 上阅读了不同的解决方案，这些解决方案表明我需要在需要访问商店的任何组件上使用 mapStateToProps 并使用 connect。

这不起作用，因为我特别希望从“新页面”访问商店。我是否需要为我的子页面创建另一家商店？请帮助。

error stack trace

：

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

gatsbyreact-reduxreactjsreactjsreduxreduxreduxredux-store