Al usar el componente Link en Gatsby.js, no podré dirigirme al hacer clic en un enlace para volver a las direcciones URL anteriores, por ejemplo: tengo esta dirección URL site.com/article/id , digamos que estoy en la página de id , por lo que en En este caso, cuando uso Link , no podré ir a site.com/article/id2 , sino que solo podré ir a site.com/article/id/article/id2 . Cómo arreglar esto ?
Solo necesita agregar una barra inclinada ( / ) al comienzo de to prop:
<Link to={`/${someSlugVar}`} />Click me</Link> De lo contrario, concatena el nuevo slug con el actual debido a la relatividad de los caminos. Al final, se comporta como un ancla normal, por lo que el enfoque es exactamente el mismo (su problema también ocurrirá con un <a> normal).