javascript - React-Router V4 Wie übergibt die übergeordnete Route nach der Verschachtelung des Routings bestimmte Parameter an die untergeordnete Route?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-18 10:48:15
0
3
591

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?

曾经蜡笔没有小新
曾经蜡笔没有小新

Antworte allen(3)
phpcn_u1582

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

为情所困

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

/login/:userName
漂亮男人

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage