1

ブラウザの戻るボタンをクリックしても、ページがリロードされない理由がわかりません。

ホームページである /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} €&lt;/Card.Title>
                      </Card.Body>
                      </a>
                      </Link>
                    </Card>
               
            ))
          }

      </div>

ここに他に何を入れたらいいのかわからない...

4

1 に答える 1

0

/pages/books/ の index.js としてカタログ コンポーネントを配置して、ルートを変更します。

理由は説明できませんが、うまくいきます

于 2021-01-26T15:42:02.097 に答える