📌
Reactでreact-anchor-link-smooth-scrollをつかってページ内スクロール（アンカーリンク）を実装する
ページ内のスムーススクロール（アンカーリンク）を実装したかったので、react-anchor-link-smooth-scrollを導入しました。
react-anchor-link-smooth-scroll
react-scrollのインストール
npm install react-anchor-link-smooth-scroll
インポート
import AnchorLink from "react-anchor-link-smooth-scroll";
アンカーリンクにしたい要素をAnchorLinkで囲う
<AnchorLink href="#about" onClick={closeNav}>about</AnchorLink>
飛び先は通常のHTMLのようにidで設定します。
<section id="about">
~~~
</section>
Discussion