エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【React】 Routerの画面遷移でスクロール位置を上まで戻したい | Zakkuriブログ
import React, { Component } from 'react'; import { withRouter } from 'react-router' class ScrollT... import React, { Component } from 'react'; import { withRouter } from 'react-router' class ScrollToTop extends Component { componentDidUpdate(prevProps) { if (this.props.location !== prevProps.location) { window.scrollTo(0, 0); } } render() { return null; } } export default withRouter(ScrollToTop) componentDidUpdateは、このコンポーネントがmountされたときに呼び出されるもの つまりこのcomponentを置いてあげれば、 ページ表示時にwindow.scrollTo(0, 0)
2022/03/28 リンク