在兄弟组件中更新和使用redux状态

Question

我有一个名为<App/>的组件，它是一个父组件，其中有两个孩子，即<Header/>和<Main/> 所以事情看起来像这样

<App>
 <Header/>
 <Main />
<App/>

安装Header组件后，我在componentDidMount()内设置了一些redux状态 然后，我尝试在<Main/> componentDidMount()中使用该状态，但是我的状态在Main组件中始终为空，但是我已经在Header组件中设置了该状态。

Answer 1

您正在混淆组件状态和存储状态。

您需要使用react-redux connect或useSelector / useDispatch来将两个组件与您的商店状态连接起来。

此外，您还需要<Provider store={store}></Provider>才能将存储环境提供给组件。

您应该真正阅读React Redux和Redux文档，以了解想法。

Answer 2

而不是在00:00:00组件中使用componentDidMount()，请尝试使用< Main />来检查状态。