一開始想實現一個路由嵌套，在主路由上（App）沒有問題，可以實現；之后在子路由上想做一個路由嵌套，<Route />卻沒有顯示；const App = () => ( <Switch>
<Route exact path="/" component={Index}/>
<Route strict exact path="/user" component={User} />
<Route strict exact path="/user/details" component={Details} />
</Switch>
)
export default Appclass Details extends Component{
componentWillMount(){
console.log('details')
}
render(){
return ( <div>
<ul>
<li><Link to="/user/details/msg">click msg</Link></li>
<li><Link to="/user/details/abt">cliock abt</Link></li>
</ul>
<Route path="/user/details/msg" component={Msg} />
<Route path="/user/details/abt" component={Abt} />
</div>
)
}
}
export default Details;點擊<li>的時候 總會調到一個新的路由里面 不知道為什么<Route />沒有渲染；希望各位前輩指點一下 謝謝你們；
1 回答
互換的青春
TA貢獻1797條經驗 獲得超6個贊
switch是單一的 建議把Route放在一起 其他地方用Link或者this.props.history.push()跳轉 Route加上exact 表示完全匹配
添加回答
舉報
0/150
提交
取消