如何重定向到另一个页面并在 reactjs 中使用道具答案

【问题标题】：How to redirect to another page and use props in reactjs如何重定向到另一个页面并在 reactjs 中使用道具
【发布时间】：2020-03-11 11:58:07
【问题描述】：

在我设置的路线props:

<Route path="/getFilePage" exact component={GetFilePage} CourseName={props.CourseName} />

在主页中我为重定向编写了这段代码：

return <Redirect to={{
          pathname: '/getFilePage',
          CourseName:"C++"
       }}/>

在 GetFilePage 组件中我写在 componentDidMount console.log(this.props.location.CourseName) 但未定义

【问题讨论】：

【解决方案1】：

语法错误。尝试如下：

return <Redirect to={{
          pathname: '/getFilePage',
          state:{CourseName:"C++"}
       }}/>

并采用如下参数：

this.props.location.state.CourseName

【讨论】：

【解决方案2】：

像这样把你的道具传给孩子们：

<Route 
  path="/login" 
  render={(props) => <GetFilePage {...props} CourseName={props.CourseName}/>} 
/>

道具应该在：

props.CourseName

【讨论】：