首页  >  问答  >  正文

javascript - react-router V4 路由嵌套后,父路由如何向子路由传递特定参数

以下是嵌套代码

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这个参数?

曾经蜡笔没有小新曾经蜡笔没有小新2732 天前557

全部回复(3)我来回复

  • phpcn_u1582

    phpcn_u15822017-05-18 10:50:15

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

    回复
    0
  • 为情所困

    为情所困2017-05-18 10:50:15

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

    /login/:userName

    回复
    0
  • 漂亮男人

    漂亮男人2017-05-18 10:50:15

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

    回复
    0
  • 取消回复