¿Hay alguna manera de actualizar una ruta cuando se usa el enrutador de reacción v5. Tengo una función onClick que navega a una ruta y recupera los datos, sin embargo, eso es solo si uso history.push('/') . Quiero actualizar el componente incluso si estoy en la misma ruta '/' por ejemplo. actualmente estoy haciendo:

¿Hay una mejor manera de navegar programáticamente en el enrutador de reacción?

actualmente este método handleChange está en el componente de encabezado.

 const handleChange = (event: any) => { setValue(event.target.value); if (history.location.pathname === "/") { alert('Changing'); // need to refresh component here? } history.push('/'); };

enrutamiento es:

 <QueryClientProvider client={queryClient}> <BrowserRouter> <Header links={items} locations={Locations} /> <div className="App"> <Switch> <Route exact path="/" component={home} /> <Route path="/details/:id" render={(props: RouteComponentProps<any>) => <Detail {...props} />} /> <Route component={NotFound} /> </Switch> </div> </BrowserRouter> <ReactQueryDevtools /> </QueryClientProvider>