javascript - react-router V4 路由嵌套後，父路由如何向子路由傳遞特定參數

Question

以下是巢狀程式碼

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

父路由App的程式碼

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

如何向子路由login傳遞userName這個參數？

Answer 1

暫時用context來向子路由元件傳遞父路由state中的資料
context用法

Answer 2

不知道你要如何實現。如果單純是帶資料過去的話可以這樣

/login/:userName

Answer 3

如果路由元件需要傳遞參數的話，Route元件不應該設定component，而是render，請看完react-router官方文件在決定是否要問問題。