アンカーリンクを追加する・react-scroll

2023/08/16に公開

アンカーリンクを追加する

  • こちらのライブラリを使うといいみたい
  • github
  • インストールする
$ yarn install react-scroll
$ yarn add --dev @types/react-scroll      
  • あとは簡単で、スクロールさせたい場所にid={"exmaple"}を設定して、ボタンに以下のように設定する
import { Link } from "react-scroll"
<Button><Link to={"exmaple"}>押したらスクロールする</Link></Button>
  • これでボタン押したら指定箇所にスクロールする実装が簡単にできた!

詳しい説明はドキュメントをどうぞ!
react-scroll

Discussion