如何在ReactJS中具有动态URL的路由中传递变量？[副本]

Question

我一直试图解决传递变量值从主组件（App.js）到子组件Attendees.js。路线如下

<Router>
     ...
     <Route path="/attendees/:userID/:meetingID" component={Attendees} 
      adminUser={this.state.userId}/>} />
</Router>

componentDidMount(){
    const meetingID = this.props.match.params.meetingID
    const adminUser = this.props.adminUser
}

我无法检索作为道具传递的adminUser。（adminUser正在变得未定义）。但我能够处理URL中编码的变量（meetingID，userID）。如何在子组件中获取值adminUser。

Answer 1

您可以呈现一个匿名组件，并将adminUser支柱滑入其中。别忘了代理路线道具。

<Router>
  ...
  <Route
    path="/attendees/:userID/:meetingID"
    component={routeProps => (
      <Attendees {...routeProps} adminUser={this.state.userId} />
    )} 
  />
</Router>