React Router Tutorial - 6 - Navigating Programmatically

Use coupon code: CodevolutionYoutube for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% one year subscription discount. Enjoy and feel free to invite others to your workspace!

📱 Follow Codevolution

Navigating Programmatically in React Router
React Router Tutorial
React Router Tutorial for Beginners

[satya]

I sooo love your videos. Always straight to the point. You are an awesome teacher.

[Turjumaanka]

This is exactly what i was looking for the previous week !

Thanks man !

[sonusah]

Thank you explaining difficult concepts in such a simplified manner

[julianifesiokwu]

This was done so easily. Very good work. Keep it up.

[morteza]

Ty so much man, this is exactly what I've been looking for

[AnnabelleSwan]

Thank you so much for your amazing lessons !!! This is exactly what I've searched for !!! ❤

[jayashriborse]

Thank you so much! I understood clearly!

[borntoride]

thanks for all your videos but can you create videos on angular whole series

[webhelpbyvarghab]

Why don't use <button><NavLink to='order-summary'>Place Order</Navlink></button> instead. Please correct me if I am wrong.

[akash_gupta_]

I got it, but suppose on click on place order button I'm making an API call after getting a response from backend then I want to execute "useNavigate" how I achieve this, i'm doing like this but getting an error

const navigate = (a) => {
console.log("API call is done", a);
useNavigate();
};

<button onClick={() => order</button>

Error Message : React Hook "useNavigate" is called in function "navigate" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter react-hooks/rules-of-hooks

[aurangzebali]

Sir,
How to use class component this.navigate?

[rajithak]

Is order summary work in About component after routing to it?

[it-series-music]

How can we pass props to order summary with navigate method

[itspk]

Could someone explain what he is saying at 5:38 ?. About the {replace : true} .

[nwfcfiv]

I have 2 tabs in a same page. In the first tab I have a table. How to navigate to the 2nd tab On click of one of the table column value?

[maheshgandharv]

sir i have a issue, when i click a button and navigate another route then auto scrolling in this page, , can you resolve my issue?...

[nagarajck]

Can we use useNavigate hook within class Component?

[psyferinc.]

ufff i cant believe that at episode 6 the whole routing system i thought i knew was debunked.

[shivamdalania]

Can't we use "useHistory" hook to move to previous page

[prajjwalrodgermassey]

where does that hyphen come from in 'order-summary' can anyone please help?