Each time you perform the action of the root component in react-router-4?

Question

Each time you perform the action of the root component in react-router-4?

There are for example the following URLs:

/
/foo
/foo/3

At the root url component is rendered <app></app>in componentDidMount which is performed a certain action. When I go to url on (/foo, /foo/3) then be loaded on other components, but the action component of the App no longer works, that is logical.

And how to make it so that every time worked? To throw is that action in componentWillUpdate - but it's crazy, he will too often be called..

React

Carolyne57 asked June 10th 19 at 14:57

Related questions

More answers about "Each time you perform the action of the root component in react-router-4?"

1 answer

Lenny.Botsfo answered on · Accepted Answer · 2019-06-10T12:59:32.145Z

Do this:

import React { Component } from 'react';
import { withRouter } from 'react-router-dom';
import { someAcion } from '../somePlace';

class App extends Component {
...
 componentWillReciveProps(nextProps) {
 if (this.props.location !== nextProps.location) {
this.props.someAciton();
}
}
...
}

const mapDispatchToProps = {
someAction,
};

export default withRouter(connect(null, mapDispatchToProps)(App));