reactjs - Gatsby アプリの複数のページから Redux ストアへの読み書き

Question

私のアプリは次のようなものです：

ギャツビープロジェクト

index.tsx - アプリのエントリポイント - 私が呼び出す

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

HomePage.js の使用mapStateToPropsと使用connect(mapStateToProps)(HomePage)

もちろん、HomePage 内では、複数の React コンポーネントを使用しています。そして、ストアを利用して、その上で発生するすべての読み取り/書き込みを行うことができますHomePage。

私のホームページには、へのリンクがありますActivityPage。このページをクリックしてそこに着陸すると、問題が始まります。

ActivityPage は、タスクを達成するために複数のサブコンポーネントを利用します。ActivityPage から読み取り/書き込みにアクセスするにはどうすればよいですか?

useDispatchストアに書き込むことも読み取ることもできません。ReactDev ツールでストアを確認できますが、読み書きしようとすると 11 個のエラーが発生します。ほとんどの場合、コンポーネントをラップする必要があるという行に沿っています。<Provider>

Stack Overflow でさまざまなソリューションを読みました。これは、ストアにアクセスする必要があるコンポーネントを持っmapStateToPropsて使用する必要があることを示唆しています。connect

「新しいページ」からストアへのアクセスを特に探しているため、これは機能していません。子ページ用に別のストアを作成する必要がありますか? 助けてください。 :

2 に答える 2