单击浏览器的后退按钮时,下一步/路由器没有任何反应

时间:2021-01-26 11:56:16

标签: javascript reactjs next.js next-router

我不明白为什么,当我点击浏览器的后退按钮时,我的页面没有重新加载。

我在 /pages/index.js 中有一个目录组件,它是我的主页,是导航到产品 /pages/books/[name].js 的动态路由

这是我用来转到产品页面的链接:

<div className="container-cat">
       {products.map((_product) => (
                    <Card id="lien" key={_product.id} alt="book" className="catalogue">
                    <Link href='/books/[name]' as={`/books/${_product.name}`}>
                      <a>
                      <Card.Body>
                      <Card.Img variant="top" src={getStrapiMedia(_product.grid_pic.url)} width="200px" />
                        <Card.Title>{_product.name}<br />{_product.author}<br />{_product.price} €</Card.Title>
                      </Card.Body>
                      </a>
                      </Link>
                    </Card>
               
            ))
          }

      </div>

我不知道还能在这里放什么...

1 个答案:

答案 0 :(得分:0)

我改变了我的路线,把目录组件作为/pages/books/的index.js

我真的无法解释为什么,但它有效