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

Question

I have a component called <App/> , it is a parent component with two children inside it ie <Header/> and <Main/> So the things looks like this

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

When my Header component mounts I set some redux state inside componentDidMount() Then I tried to use that state in my <Main/> componentDidMount() but my state is always empty in Main component however I already set that in Header component.

Answer 1

You are confusing component state and store state.

You need to use react-redux connect or useSelector / useDispatch to connect both components with your store state.

Also you would need an <Provider store={store}></Provider> to provide the store context to your components.

You should really read the React Redux and Redux documentation, to get the idea.

Answer 2

代替使用componentDidMount()在< Main />部件尝试使用componentDidUpdate()来检查状态。