useHistory Hook in React Router in Hindi in 2020 #61
HTML-код
- Опубликовано: 20 июн 2020
- Welcome, to useHistory hook in react router in Hindi in 2020. So, what is useHistory Hook? It provides access to the history prop in React Router.
This refers to the history package dependency that the router uses.
A primary use case would be for programmatic routing with functions, like push , replace , etc.
useHistory. The useHistory hook gives you access to the history instance that you may use to navigate. useLocation. The useLocation hook returns the location object that represents the current URL. useParams. useParams returns an object of key/value pairs of URL parameters.
************ Must Watch Videos For Web Development ************
➡️ Hooks in React JS in Hindi | useState in Hook in React JS: • #30: Hooks in React J...
➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: • ES6 Tutorial #5: Array...
➡️ Object Destructuring in ES6 in JavaScript in Hindi: • ES6 Tutorial #7: Objec...
➡️ React DevTools & Source Code Link: www.thapatechnical.com/2020/0...
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ ReactJS JavaScript Array Map Method in Hindi with Example: • ReactJS JavaScript Arr...
➡️ Fat Arrow Function in JavaScript in Hindi 2020: • ES6 Tutorial #8: Fat A...
➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...
➡️ Install VS Code for ReactJS LINK: www.thapatechnical.com/2020/0...
➡️ Check Complete Reactjs in One video here 👇 • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechnical.com/2019/1...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter RUclips Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechnical.com
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: vinodbahadur...
useHistory change to => useNavigate
const navigate = useNavigate ();
For going back=> navigate(-1);
For push => navigate('/about');
Thanx bro🔥❤
for anyone having trouble importing useHistory from react router dom in react v6 it's been repalaced with useNavigate()
yes I also faced same issue. but after google I got this to useNavigate()
useHistory change to === useNavigate
step1:
import { useNavigate } from 'react-router-dom';
step2:
const navigate = useNavigate();
step3:
for going back ()=> navigate(-1)
The useNavigate hook became part of React router in version 6.
👍👍
thank you!!
Always in a wait for new videos
You're really a great teacher. You've made every line of codes very clear. It's really helpful.
Thank you so much ☺️ plz share with your friends and classmates too ☺️
Please never stop making videos. you make amazing content. we love u
You are really awesome bro. Thanks for amazing video.
Yor are doing a wonderful job. May God Bless You. Please make a video on how to create Mobile Native Apps (especially for Android platforms) using React. It will definitely help all of your subscribers including me in creating apps for such platforms. Thanks a lot for being so wonderful.
Awesome video bro.
I like your content
best playlists on RUclips
Awesome Video Series...
dada u r awesome bhai love you lot thapa
I am a very newcomer to ReactJS. I've watched all of your videos. Those really helped me a lot to make my React Concept clear and perfect. But I need one more thing- how to manage authentication and authorization ?
Hi Sir, Thanks to you every now and then for making such amazing videos for all of us.
Sir, I just have a small request to make a project. It will help us to revise all the concepts done till date.
Specifically, request for Resume Builder.
Thanks and Regards
Kanika😊
1 2 3 and boom hahaha you are doing great brother
Later on plzz make the video on redux...it's helpful for me and others...and then after plzz make the video on ecommerce if u take little bit charge will pay for it....cause ur video is useful and help me alot and understood well....thanks Thapa ❤️
Ty for react series
thank you so much sir
Sir plz make a project using react ..plz....i am ur regular follower...and learn many basic & advance concept about web design + development......(from bd)
Well explained
Two videos in one day✌🏻
thanks bro
React ya React Router DOM k new version main useHistory ki jagah useNavigate ka hook agya he usme goBack ki jagah useNavigate(-1) or specific url pe jane k liye useNavigate('url you want to go") likhenge
thanks a lot😄😄
hamara about page hin hamara ghar h 😂, nice way of teaching sir keep it up
Thanks and welcome
Thanku sir
render()
hydrate()
unmountComponentAtNode()
findDOMNode()
createPortal()
ek video react dom ki in methods pr banaiye.
Sir react js ki tarah node js ki full playlist with detail explanation banae 😍
Start a MERN stack series.. @Thapa
boom guys is epic
Does useHistory when navigating to somewhere reloads page ?
Please create a video for login integrations with api
Sir pls pls Angular complete kra do
N typescript full in one video, it's a request to u
In WithRouter HOC, how can I get the previous page url? And what will be the previous page URL if I directly hit at my website? How should I handle this edge case?
Hi, I am using push method of useHistory() as history.push("/") and i want to rerender my home page after updates but it is not working. Can you please help...
what history.push() does.
in my projects i have thunks and slicers and i'm not able understand how history.push() call works and hit the API ?
He said, Go back (simon likhne ki zarurat nahi hai) 😂😂🤣🤣
Please make a react portfolio website
pls update ur videos many changes has been done in place of history navigate came
Sir please tell me how to show code in website as i need to show my html and css codes in my website
Brother are you from Nepal or just your accent is Nepali? 😀
Dai
React Js node Js Ani mongo DB ko combo video
how we will do this in react-routerdom version 6
sir nested routing in detail please
Bro apkii wjhaa sa lagg rha ki netfilx jasa app maa bana sakta hu
Bro jitna apna react js sikaya hai agar utna bhi kiya job mil jahagi na sir?
Sir please snake game bana do pure javascript me please 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
Brother
Redux include kronge ya nhi?
Context is an alternative to Redux!
Go back ,Simon likhane ki jarurat nhi 🤣 (you make me realize the class 10 history)
Where can i get the source code of this routers part bhaiya plzz??
Is redux covered in react js playlist?
useHistory is not work in v6.
for new users like me who is watching this video in 2023 the for them
useHistory() hooks is replaced by useNavigate()
and goback function is replaced with history(-1)
i made a datatable in which i get data from API.
I want to click the rows components and then like if i click 3rd id then it goes to next page and shows full data of only that particular 3rd ID employee , and what now i get is all employees data by click any row's ID
how can i fix this??
if i click a first name then its go to next page and show the details of that customer.!!!! which is in api.. like age, phone no. etc i tried a component method but then it shows full details of all customers!!
how to filter(means it shows me data from array i get from customer Array.
currently video number 69 & 70 from react playlist are the same video.
If I type /user it doesn't work but if I type /user/Bruce/Lee it shows the output
Sir mera insert ka code local server mai work kr rha hai but live server mai nhii plzz help kr do kya problam ho skti hai data select ho rha fatch bhi ho rha h insert ni ho rha plzz help plzzz
UseHistory is not support on current react version.what do we use instead of UseHistory
Have u got the solution
useNavigate()
Hi, You have added the same video multiple times in your playlist, please remove the repetitive video because it creates confusion.
bhai aap video mai ads kyo nhi lgate ho.
6:49 😂😂😂
how to go back using browser button
Simon likhna ki jatriora nhi hai🤣
4:16
useHistory-useNavigator
plz tell me fast thanks
Humara kitna % ho gaya react ?
Almost basic n little advance hocuka hai..
@@ThapaTechnical react project mai ecommerce app / attendence system rakhna please .
bhai u have any instagram id ☺
import { useNavigate } from 'react-router-dom';
function YourApp() {
const navigate = useNavigate();
return (
navigate(-1)}>go back
);
}