The next channel have an accurate prop, so will simply promote if Hyperlink try /products and nothing is picked.
The newest pick experience familiar with look the new range having an object with an enthusiastic ID property you to definitely means meets.params.productId . When your equipment is available, the new productData try shown. Otherwise, an excellent “Equipment does not exist” content try made.
Now when you visit the app regarding internet browser and choose “Products”, you will observe a sub-selection rendered, which screens this product data.
Have a mess around to the demonstration. Assuring your self you to definitely that which you performs and that you see what’s happening regarding the password.
Protecting Routes
A familiar requirement for of many progressive internet applications is to verify one only signed-for the profiles have access to certain areas of this site. Within next area, we will take a look at how exactly to incorporate a secure channel, to ensure when someone attempts to availability /administrator , they’ll be necessary to visit.
The new Redirect Parts
Just as in servers-front redirects, React Router’s Redirect parts will change the newest venue about record heap with a brand new venue. The newest location was given by to prop. Here is how we will be using :
Very, if someone attempts to availability the fresh /admin route if you find yourself signed away, they will be rerouted towards the /login station. Every piece of information concerning newest place is introduced via the county prop, so that if for example the authentication is successful, the consumer is going to be rerouted back once again to new webpage they were in the first place trying access. Devamını Oku
Son yorumlar