javascript - React-Router V4 Wie übergibt die übergeordnete Route nach der Verschachtelung des Routings bestimmte Parameter an die untergeordnete Route?

Question

Das Folgende ist der verschachtelte Code

ReactDOM.render(
  <HashRouter>
    <App>
      <Route path='/login' component={Login} />
    </App>
  </HashRouter>,
  document.getElementById('root')

Code der Eltern-Routing-App

constructor(props) {
    super(props);
    this.state = {
      userName: '123'
    }
  }
render() {
    return <p className="App">
      {this.props.children}
    </p>
   }

Wie übergebe ich den Parameter „userName“ an die Subroute-Anmeldung?

Answer 1

暂时用context来向子路由组件传递父路由state中的数据
context用法

Answer 2

不知道你要如何实现。如果单纯是带数据过去的话可以这样

/login/:userName

Answer 3

如果路由组件需要传递参数的话，Route组件不应该设置component，而是render，请看完react-router官方文档在决定是否要问问题。