我正在尝试通过React Route(重定向到)重定向到路径时发送道具,但组件(SideBar)没有收到任何道具.我应该如何发送道具以及如何在组件中接收道具?我想从当前状态发送道具.
ParentComponent(WelcomeScreen.tsx)
render(){
return (
this.state.idUser != -1 ? <Redirect to={{
pathname: '/Activities',
state: { referrer: this.state.idUser }
}}/> :
<div>
{this.renderHeader()}
<div className='screenUser'>
{this.renderPanelUpButtons()}
{this.renderWelcomeMenu()}
</div>
</div>
);
Run Code Online (Sandbox Code Playgroud)
Activities.tsx
export interface ActivitiesProps {
idUser: number;
}
interface ActivitiesState {
message: string;
activitiesFirstPart: IActivity[];
activitiesSecondPart: IActivity[];
}
componentWillReceiveProps(newprops : ActivitiesProps){
if(newprops!== this.props){
this.props = newprops;
}
}
Run Code Online (Sandbox Code Playgroud)
这里的组件不会收到任何道具.
为了更容易理解我也把路线;
render() {
return (
<div className="hangouts-body">
<div>
<Route path="/" exact={true} component={WelcomeScreen} />
<Route path="/Groups" exact={true} component={Groups} />
<Route path="/Activities" exact={true} …Run Code Online (Sandbox Code Playgroud)