React Router - Existe-t-il un moyen "plus facile" de router vers un nouveau chemin en plus d'utiliser le contexte? - javascript, reactjs, redux, react-router

Existe-t-il un moyen plus simple ou peut-être plus récent de pouvoir, par exemple, cliquer sur un bouton et cliquer sur ce bouton pour rediriger vers un nouveau chemin?

.... EN PLUS d'utiliser la méthode contextuelle sur le composant?

Merci

Réponses:

Il y a des façons:

1.avec routeur - HoC de react-routeur (composant d'ordre supérieur) qui englobe un autre composant pour fournir props.router

import { withRouter } from "react-router";

class App extends Component {
...
onClickButton(){
this.props.router.push("/path")
}
...
}

export default withRouter(App);

2.Histoire singleton (hashHistory / browserHistory)

import { hashHistory} from "react-router";

class App extends Component {
...
onClickButton(){
hashHistory.push("/path")
}
...
}

3. Vous pouvez aussi avoir l'histoire des accessoires dans composant, qui est passé à la route

....
<Route path="/" component={App} />

puis en composant

class App extends Component {
...
onClickButton(){
this.props.history.push("/path")
}
...
}