JavaScript react-router-dom refresh component when route changes react router refresh page,react router refresh 404,react router

I used same component for different routes. When route changes, I want the component to be rendered.

<Switch>
    <Route exact path="/" component={HomePage} />
    <Route path="/hotels" component={HotelsPage} />
    <Route path="/apartments" component={HotelsPage} />
</Switch>

When I change the route path from /hotels to /apartments, the component HotelsPage doesn't refresh.

What is the cool approach for this?

Answer:1

One of the ways you can get this sorted is by passing the props explicitly like :

<Route path="/hotels" component={props => <HotelsPage {...props} />} />

Answer:2

Issue during pageload

I am trying to create a rodiobuttongroup which should change the layout from vertical to horizontal when orientation is changed from portrait to landscape. I am able to do that,but the only problem is ...

Apply css for a specific hovered image

I'm trying to apply the css for a specific hovered image but my code is applying the css for all images when hover only 1 image. $(document).ready(function() { $('.vidUrl').on('hover', ...

Why does foreach skip one element from array

I am trying to iterate an array with forEach and, based on a condition, I do something. For this question, I simplified the condition in order to try to understand what's going on. I expect array b =...

How to select parent element by which include an img child with specific src attribute

I have a list of images like so: <div> <div class="imgCnr"> <img src="abc.jpg"> </div> <div class="imgCnr"> <img src="def.jpg"> </div&...

select parent element css
select parent element javascript
select parent element jquery
select parent element xpath
select parent element sass
select parent element js
select parent element using css
select parent element selenium
select parent element using javascript
select parent element from child css
select parent element
select parent element scss
select parent element css3
select parent element with class
select parent element angular
select parent element using jquery
select parent element html
select parent element from iframe
select parent element of class css
select parent element angularjs