And once we're done with a general structure for our pages now, let me just show you all deal in component
works in Reactor Router six, which essentially is exactly the same like you used already in the previous
versions.
So we need to get the link component and we just need to specify the URL in the to prop.
So we come up with through prop and then we just say if we want to navigate back to the home page,
then we go with forward slash and then register and hopefully you get the gist.
Now again, this is just going to be temporary, but I'm going to set it up here in the address.
So we still want to place that above the roots.
So don't place it inside of it.
And then we want to provide these values again.
This is going to be temporary and our removed and a few videos.
And then lastly, once we're done, you can go to London Gas Import Link from road or down from where
we have the button right now.
Replace it with a link.
Now you can still keep the classic the same and you want to set to drop to a register page.
So let's get cracking.
First, we want to go to your app just and like I said above the roots or set up the temporary one.
And here we're looking for it now.
And since I already have to import for the link and just note the link on Line two.
And again, dashboard will be my homepage.
So just go here like so and then whatever text we want.
So I'm going to go with dash and bored.
Let's say that one line.
Let's copy and paste, and it's going to be ugly because it's going to be temporary.
So I'm not going to worry about the styles and all that.
So I just say register.
Thing that is the next one.
And then at the very end, we also going to have a landing.
Correct.
So let's add them up and do the same thing here to register and to landing.
And we should be good to go when we have those links over here.
So now I click on register and I get to the landing and back to the dashboard.
So now it's left.
I want to go to our landing page and we're still looking for the link.
So let me just set it up over here where I say import of that link from React router down and then where
I have the button now instead of the button, we're going to go for a link.
Then let's remember to set up a register.
And then once we save it, once I go to the landing, I should be able to click on this one and navigate
back to the register.
So that's how the Link component works in React Router six.