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 <div className="App">

      {this.props.children}

    </div>

   }

如何向子路由login传递userName这个参数？

Answer 1

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