在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(
}>FourthScreen
}>FifthScreen
}component={FourthScreen}/>
}component={FifthScreen}/>
);
}
exportdefaultSecondScreen;
这样就可以在SecondScreen组件中设置二级路由了。
Copyright © 2025 IZhiDa.com All Rights Reserved.
知答 版权所有 粤ICP备2023042255号