react-routerのハッシュリンクとスムーススクロール React Router を使っているプロジェクトで、できれば「ハッシュリンクを踏んだ時に、対象位置までスクロールしたい」というのがあり、少し調べていた。そもそも React Router はハッシュリンクが正しく機能しないという不具合があったり、既に公開されているライブラリでは機能を満たせない、メンテナンスが不安、コードがアレ…等等、スクラッチで書くところから始まった。 react-router-hashlink React Router の <Link> コンポーネント をラップして、ハッシュリンクに対応したのが 1000ch/react-router-hashlink である。 import { HashLink } from 'react-router-hashlink'; function render() { ret
![react-routerのハッシュリンクとスムーススクロール](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef655ffe241788140b459ea103f7040042e97dc4/height=288;version=1;width=512/https%3A%2F%2F1000ch.net%2Fimg%2Fapple-touch-icon.png)