react-routerとreact-router-domの違い - Qiita
Ubiregi Advent Calendar 2019 2日目です。1日目は日曜でお休みだったのでした。 フロントエンドエンジニアのコジャが担当します。まだ入社して5ヶ月程度でフロントエンドエンジニアとしても5ヶ月程度です。 何番煎じかわかりませんが、React-Routerの記事を投稿します。生暖かく見守ってください。いじめないで。 reactのRoutingライブラリはreact-routerとreact-router-domがあります。 「react-routerがv4から改称してreact-router-domになったんだ!」みたいな印象がありますが(me too)。厳密にいうと違います。 react-router でググって一番上にくる記事がいきなりnpm install --save react-router-dom とかしてるのでややこしいのですが。 なにはともあれ REA
react-routerでページ遷移後にページ最上部から表示する - Qiita
概要 react-routedeページ遷移時、window.scrollTo(0, 0)を実行できるような仕組みにすればOK 仕組み導入前後 新規itemの作成後、react-routerの機能を使って、item画面に遷移するアプリを想定。 react-routerはヘッダー以外の部分を描画するので、何も対策しないと、ヘッダー以外の部分が表示されます。（以下のような感じ） import React from 'react' import {MuiThemeProvider} from 'material-ui/styles'; import theme from '../assets/theme' import {BrowserRouter, Switch, Route} from 'react-router-dom'; import Home from './Home' import A
【React】 Routerの画面遷移でスクロール位置を上まで戻したい | Zakkuriブログ
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)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
