React js Hindi Tutorial #22 Routing

Awesome Video

for latest router let's try this
import {BrowserRouter as Router,Routes,Route,Link} from 'react-router-dom';

<Router>
<Link to=''> Home </Link>
<Link to='/about'> About </Link>
<Link to='/forms'> Forms </Link>


<Routes>
<Route path='' element={<Home />}/>
<Route path='/about' element={<About/>} />
<Route path='/forms' element={<Forms/>} />
</Routes>

</Router>

Thank you sir 👍👍

Please make a video by speaking loudly..ur voice is weak..

kya sikhate ho

how to solve this question


Implement the following requirements with the help of React Router's <Link> -


On clicking the <h2> with id topics-item, it should take us to the route /topics.

The /topics route contains a back button with id topics-back-button. On clicking this button, it should take us back to the / (root) route.

The /topics route contains two topics - Components and Rendering. On clicking any of the topic, it should take us to /topics/${topic_clicked} route.

Each of the topics - Components and Rendering contain a back button. On clicking the back button, it should take us back to the /topics route

Its not working bro as you told above code

import { BrowserRouter as Router, Link, Routes, Route } from 'react-router-dom';
<Router>
<Link to="">Home</Link>
<Link to="/About">About</Link>
<Routes>
<Route exact path="/" element={<HomePage/>} />
<Route path="/About" element={<About/>} />
</Routes>
</Router>

it will work like this
hope it helps

Good one 👍🏻

if <Route> do not respond, try to write it in parent component <Routes>. Hope it can help to someone.

I followed all step and write same code but i have an issue... There was no any compiling error but still on web not showing any think blank page show ... Why ....

Thanks for video
One question which command you use for commenting the code of jsx?

routing on condition, (useHistory)

What is Routing
Make 3 components
Install Routing Package
Import Package
Write Code for Routing
Check Output

please increase voice

Kya koi aisa example hai jisme react js Ke table ka single column ko link send render karo to new page open hojayega? Ispe Ek video upload Kare?

You are not well aware about functionality of basic DOM parsing.

Nice video

Epic sound at 6.44 sec 😂😂😂

show the about.js page in this video ,you are only showing form.js and App.js page.

good explanation

Bhai routing link use to ho Raha haa but google analytic pa without page reloading only 1 page hi show ho Raha ha multiple website pages par Bhi .every pages not show in analytics .what can I do help.

Could you plz show About.js

Could you please explain how to use redirect or syntax to use it? Example : If I login success from login component now after that just I want to redirect on another component(Dashboard) ?

Sir I'm waiting for next video