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

Question

在我设置的路线中props：<Route path="/getFilePage" exact component={GetFilePage} CourseName={props.CourseName} />在主页中，我为重定向编写了此代码：return <Redirect to={{          pathname: '/getFilePage',          CourseName:"C++"       }}/>在GetFilePage组件中我写在 componentDidMountconsole.log(this.props.location.CourseName)但未定义

Answer 1

语法错误。尝试如下：

return <Redirect to={{

          pathname: '/getFilePage',

          state:{CourseName:"C++"}

       }}/>

并采用如下参数：

this.props.location.state.CourseName

Answer 2

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

<Route 

  path="/login" 

  render={(props) => <GetFilePage {...props} CourseName={props.CourseName}/>} 

/>

和道具应该可以在以下位置获得：

props.CourseName