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

Question

在路线中我设置了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)但未定义

Answer 1

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

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

和道具应该可以在：

props.CourseName

Answer 2

语法错误。 尝试如下：

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

并采用如下参数：

this.props.location.state.CourseName