To summarise, nested routes allow you to have a parent component control the rendering of a child component at the route level. The /messages route on Twitter is a great illustration of this. You have two approaches for constructing nested routes with React Router.
The switch component searches all of its child routes for the first one with a path that matches the current URL. Because we have several routes and multiple plate pages in our app, but only want to show one page at a time, this component is what we want to utilise in most circumstances for most apps.
The vast majority of your layouts are linked to URL segments, which React Router fully supports. Routes can be nested within each other, and their trajectories will nest as well (child inheriting the parent).
We'll keep working on the User component because that's where the layered routing via tabs will be implemented. As a result, we'll create a new set of Link components (which will be our unstyled tabs) that direct users to their profile and account.
Installing React Router. In this step, you'll install React Router into your base project.
Adding Routes. In this step, you'll create a base router with individual routes for each page.
Using Hooks to Access Route Data
Nesting Routes.
Learner's Ratings
4.4
Overall Rating
73%
11%
8%
1%
7%
Reviews
M
Mohanlal Khhurana
5
Very helpful course in learning ReactJS
K
Km Komal
5
Amazing wonderfull
S
sunil laxman shetke
5
Very Nice. Thank you! I truly appreciate it; your kindness is genuinely appreciated.
J
Jashanpreet Singh
5
VERY GOOD COURSE OF REACT JS
S
Syed manzoor ali
5
I gave it 5 stars for their work. Topics are covered very well.but one thing which I would like to say to the teachers that you covered very good but try to cover more things and use less English words. Except this all things are best.
A
Aditya
5
Amazing content.
S
Sonkar Singh
4
This series is usefull for just starting and building confident. Go further and explore more about React JS
Share a personalized message with your friends.