二级路由怎么设置

1个回答

写回答

13582780450

2022-10-22 22:05

+ 关注

在ReactRouter中设置二级路由需要在Router组件中嵌套另一个Router组件,并设置另一个path,例如:

import{BrowserRouterasRouter,Route,Switch}from'react-router-dom';

importFirstScreenfrom'./FirstScreen';

importSecondScreenfrom'./SecondScreen';

importThirdScreenfrom'./ThirdScreen';

functionApp(){

return(

);

}

exportdefaultApp;

在SecondScreen组件中,我们可以再次嵌套一个Router组件,并设置不同的path,例如:

import{Link,Route,Switch,useRouteMatch}from'react-router-dom';

importFourthScreenfrom'./FourthScreen';

importFifthScreenfrom'./FifthScreen';

functionSecondScreen(){

letmatch=useRouteMatch();

return(

SecondScreen

${match.path}/fourth}component={FourthScreen}/>

${match.path}/fifth}component={FifthScreen}/>

);

}

exportdefaultSecondScreen;

这样就可以在SecondScreen组件中设置二级路由了。

举报有用(17分享收藏

Copyright © 2025 IZhiDa.com All Rights Reserved.

知答 版权所有 粤ICP备2023042255号