`reach-router` → `react-router-dom` への切り替え(簡易版)

  • 投稿日
  • 著者 アルム＝バンド
  • カテゴリー React.js

1. パッケージインストール

$ yarn add react-static-plugin-react-router react-router-dom react-router

して static.config.js の plugins キーに ['react-static-plugin-react-router'] を追加。

2. import

import { Switch, Route, Link } from 'react-router-dom'

して

        <Switch>
          <Route path="/dynamic" component={Dynamic} />
          <Route render={() => <Routes />} />
        </Switch>

に差し替える。

最低限はこれだけ。

Router部分だけcomponentsにしたりとかは適宜。

参考

この記事を書いた人

アルム＝バンド

フロントエンド・バックエンド・サーバエンジニア。LAMPやNodeからWP、Gulpを使ってejs,Scss,JSのコーディングまで一通り。たまにRasPiで遊んだり、趣味で開発したり。

記事一覧