Javascript 更新并使用同级组件中的redux状态

Javascript 更新并使用同级组件中的redux状态,javascript,reactjs,redux,react-redux,Javascript,Reactjs,Redux,React Redux,我有一个名为的组件,它是一个父组件,其中有两个子组件,即和 事情看起来是这样的 <App> <Header/> <Main /> <App/> 当我的头组件挂载时,我在componentDidMount中设置了一些redux状态 然后,我尝试在我的componentDidMount中使用该状态,但我的状态在Main component中始终为空,但我已经在Header component中设置了该状态。您混淆了组件状态和存储状态 您需要使用r

我有一个名为的组件,它是一个父组件,其中有两个子组件,即和 事情看起来是这样的

<App>
 <Header/>
 <Main />
<App/>
当我的头组件挂载时,我在componentDidMount中设置了一些redux状态
然后,我尝试在我的componentDidMount中使用该状态,但我的状态在Main component中始终为空,但我已经在Header component中设置了该状态。

您混淆了组件状态和存储状态

您需要使用react-redux connect或useSelector/useDispatch将这两个组件与存储状态连接起来

此外,您还需要为组件提供存储上下文


您应该认真阅读和文档,以了解这一点。

不要在
组件中使用componentDidMount,请尝试使用componentDidUpdate检查状态。

我认为您的componentDidMount在更改组件中的状态之前执行。也许你应该在中使用componentDidUpdate。你将主组件连接到redux商店了吗?@ChristophenGo是的,I did您是否在componentDidMount中进行网络调用以获取数据并将其设置为redux状态?@Waeez我建议您在设置和访问redux状态时,显示标头和主要组件的代码。