¿Cómo recargo una página con react-router?

Puedo ver en este archivo (https://github.com/ReactTraining/react-router/blob/v0.13.3/modules/createRouter.js) que hay una función de actualización pero no tengo idea de cómo llamarla. Soy bastante nuevo en el enrutador de reacción, solo lo he usado para moverme entre algunas páginas un par de veces usando hashHistory.

En este momento, estoy tratando de usarlo para que cuando falle una instalación, el usuario tenga la opción de ‘reintentar’, que planeo ejecutar actualizando la página donde ocurre la instalación (la página en la que el usuario estaría actualmente). Cualquier ayuda sería apreciada.

Esta es una aplicación de nodo que se ejecuta en electrones, no en una aplicación web.

en primer lugar, agregue react-router como una dependencia

`yarn add react-router` or `npm install react-router`

import { useHistory } from 'react-router'

const history = useHistory()

/////then add this to the function that is called for re-rendering

history.go(0)

Esto hace que su página se vuelva a renderizar automáticamente

Para el enrutador de reacción V6, use el enlace useNavigate en su lugar

import { useNavigate } from 'react-router'

const navegar = useNavegar()

navegar(0)

Si está utilizando react-router v6

import { useNavigate } from "react-router-dom";

const navigate = useNavigate();

const refreshPage = () => {
    navigate(0);
}

Puede usar esto para actualizar la ruta actual:

import createHistory from 'history/createBrowserHistory'
const history = createHistory();
history.go(0)

Realmente no necesitas react-router para esto. solo puedes usar location.reload:

location.reload();

Además, la versión de react-router a la que se vinculó es muy antigua, creo que se está vinculando a v1 cuando actualmente está en v4.

Supongo que estás usando react-router. Copio mi respuesta de otro post. Entonces, tiene pocas posibilidades de hacerlo, actualmente mi forma favorita de hacerlo es usar la función anónima en el componente prop:

<Switch>
  <Route exact path="https://stackoverflow.com/" component={()=><HomeContainer/>} />
  <Route exact path="/file/:itemPath/:refHash" component={()=><File/>} />
  <Route exact path="/:folderName" component ={()=><Folder/>}/>
</Switch>

O si desea actualizar con los parámetros de URL actuales, necesitará una ruta adicional (recargar) y jugar un poco con la pila del enrutador:

reload = ()=>{
 const current = props.location.pathname;
 this.props.history.replace(`/reload`);
    setTimeout(() => {
      this.props.history.replace(current);
    });
}

<Switch>
  <Route path="/reload" component={null} key="reload" />
  <Route exact path="https://stackoverflow.com/" component={HomeContainer} />
  <Route exact path="/file/:itemPath/:refHash" component={File} />
  <Route exact path="/:folderName" component ={Folder}/>
</Switch>

<div onClick={this.reload}>Reload</div>

Reaccionar

window.location.reload();

laboral

si desea volver a obtener los datos, simplemente haga lo siguiente:

import { useLocation } from 'react-router'

const location = useLocation()

useEffect(() => {
  fetchData()
}, [location.key])