/ / React Router - ¿Existe una forma 'más fácil' de enrutar a una nueva ruta además de usar Context? - javascript, reactjs, redux, react-router

React Router - ¿Existe una forma 'más fácil' de enrutar a una nueva ruta además de usar Context? - javascript, reactjs, redux, react-router

¿Existe una forma más fácil o quizás más reciente de poder, por ejemplo, hacer clic en un botón y hacer clic en ese botón, redirigir a una nueva ruta?

.... ¿ADEMÁS de usar el método de contexto en el componente?

Gracias

Respuestas

4 para la respuesta № 1

Hay maneras:

1.conRouter - HoC de react-router (componente de orden superior) que envuelve otro componente para proporcionar accesorios.

import { withRouter } from "react-router";

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

export default withRouter(App);

2.Historia singleton (hashHistory / browserHistory)

import { hashHistory} from "react-router";

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

3. también puedes obtener historia de accesorios en componente que se pasa a la ruta

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

luego en Componente

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