以下是巢狀程式碼
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這個參數？
暫時用context來向子路由元件傳遞父路由state中的資料
context用法
不知道你要如何實現。如果單純是帶資料過去的話可以這樣
如果路由元件需要傳遞參數的話，Route元件不應該設定component，而是render，請看完react-router官方文件在決定是否要問問題。