小编use*_*204的帖子

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

我的应用程序是这样的:

盖茨比计划

index.tsx - 应用程序的入口点 - 我调用

<Provider store={store}>
   <HomePage />
</Provider>
Run Code Online (Sandbox Code Playgroud)

HomePage.js 用途mapStateToProps与用途connect(mapStateToProps)(HomePage)

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

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

ActivityPage 使用多个子组件来完成任务。如何从 ActivityPage 访问读/写?

我无法useDispatch在商店中写入甚至读取。我可以在我的 ReactDev 工具上看到该商店,但在尝试读/写时,我收到 11 个错误,大部分是沿着我需要用以下内容包装组件的思路:<Provider>

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

这是行不通的,因为我特别希望从“新页面”访问商店。我需要为我的子页面创建另一家商店吗?请帮助。 错误堆栈跟踪:

reactjs redux react-redux gatsby

0
推荐指数
1
解决办法
958
查看次数

标签 统计

gatsby ×1

react-redux ×1

reactjs ×1

redux ×1