Tengo muchos component en la página de reacción. en mi archivo de router los he usado como a continuación.
<SecureRoute path="/new-inventory"> <Inventory /> </SecureRoute> <SecureRoute path="/list-inventory"> <ListInventory /> </SecureRoute> <SecureRoute exact path="/:id/edit" component={EditInventory} />debajo de la ruta se llama dentro del componente
<SecureRoute exact path="/:id/edit" component={EditInventory} /> Estoy usando debajo de la etiqueta de anchor .
<a href={/${props.inventory.id}/edit href={/${props.inventory.id}/editar}>
la ruta en el navegador se genera así
http://localhost:4200/36917491-4ef5-4fa2-87aa-c921986f94d1/edit ahora, si hago clic en otra pestaña para el inventory anterior, en lugar de aparecer una url como http://localhost:4200/inventory, aparece como http://localhost:4200/36917491-4ef5-4fa2-87aa-c921986f94d1/edit/inventory
significa que la ruta se agrega en lugar de reemplazar. ¿Qué tengo que hacer?
En lugar de usar etiquetas de anchor use el Link que viene con el enrutador de reacción. las etiquetas anchor activarán la recarga de la página, mientras que Link no lo hará.
import { Link } from "react-router-dom"; <Link to="/list-inventory">Inventory</Link>list-inventory