¿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>