React js Hindi Tutorial #22 Routing

In this react js Hindi tutorial we learn how to apply style in react js in Hindi language by anil sidhu

Points of video is here
Global Style
Inline Style
Conditional Style

Full playlist for all react Hindi video

Checkout and subscribe our new channel for technical news

[codestepbystep]

Checkout and subscribe our new channel for technical news

[akashingale]

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

[akashprashar]

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>

[parth]

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

[YadavTechs]

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) ?

[hanumanwange]

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

[Tbm]

Kya ye same Html mein gam anchor tag use kartehai wahi chij hai kya ??

[saurabhgautam]

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

[siddharthasharma]

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?

[abhishekkumargupta]

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 ....

[adarshrathi]

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.

[jyotishukla]

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

[dipalijitiya]

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

[parmodverma]

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

[venkateshvadde]

Its not working bro as you told above code

[mamayou]

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