Q&A
前提・実現したいこと
react-bootstrapを利用して実装したナビゲーションバーから画面遷移するとき、SPAとして（リクエスト/レスポンスが発生せず）画面遷移したい。
発生している問題・エラーメッセージ
リクエスト/レスポンスが発生してしまう。
該当のソースコード
<Navbar collapseOnSelect bg="dark" variant="dark" expand="lg"> <Navbar.Brand>Production Name</Navbar.Brand> <Navbar.Toggle aria-controls="responsive-navbar-nav" /> <Navbar.Collapse id="responsive-navbar-nav"> <Nav className="mr-auto"> <Nav.Link href="/">index</Nav.Link> </Nav> </Navbar.Collapse> </Navbar>試したこと
ナビゲーションバーではなく、単純に「Link」を用いて画面遷移した場合は、SPAとして（リクエスト/レスポンスが発生せず）画面遷移しました。
<Link href="/"> <a>index</a> </Link>補足情報（FW/ツールのバージョンなど）
VSCodeにて開発中
React.js/Next.js/react-bootstrap利用
回答1件
0
ベストアンサー
next.jsでは、Linkコンポーネントを使わないとSPA的挙動にはなりません。
リンク部分を以下のように書いて試してみてください。
Javascript
1<Link href='/' passHref> 2 <Nav.Link>index</Nav.Link> 3</Link>
passHrefについては、以下の公式ドキュメントが参考になります。
投稿2020/09/09 13:58
総合スコア704
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/09/10 16:47