how to use setState in react route?

Question

state = { 
      heading:"a"
     }
componentDidUpdate=async(prevProps,prevState)=>{
       if(prevState.heading!==this.state.heading){
         // use this.setState
       }
     }

<Route path="/" exact component={A}/>
<Route path="/b" exact component={B}/>
<Route path="/c" exact component={C}/>

I want to change heading to b and c according to the route. I don't know how to use "match" or "params" here in route

where is your state ? you have 3 components: A,B & C, but where you holde your state ? in app.js ? index.js ? ... ? — Ahmad MOUSSA, Oct 15 '20 at 08:55

score 0 · Accepted Answer · answered Oct 15 '20 at 09:02

0

Well, as i understand from your code, you want to do something depending on the current route.

The useLocation hook returns the current URL as an object:

import { useLocation } from 'react-router-dom'


.
.
.
const url = useLocation();
console.log(url.pathname);
.
.
.

answered Oct 15 '20 at 09:02

Ahmad MOUSSA

2,729
19
31

how do i use this in class components? – ronnie Oct 15 '20 at 09:18
I can't use hooks in class component – ronnie Oct 15 '20 at 09:31
https://stackoverflow.com/questions/37516919/react-router-getting-this-props-location-in-child-components – Ahmad MOUSSA Oct 15 '20 at 09:57

how to use setState in react route?

1 Answers1