React Router v4で任意のid情報を送る方法 - Qiita
import React, { Component } from 'react'; import { BrowserRouter as Router, Route, Link, Switch } from 'react-router-dom' const flowers = [ {id: 1, name: "ひまわり"}, {id: 2, name: "たんぽぽ"}, {id: 3, name: "バラ"} ] const App = () => ( <Router> <div> <Switch> <Route exact path="/" component={FlowerLists} /> <Route path='/flower/:id' component={OneFlower} /> <Route component={NoContents} /> </Switch> </div
react-router@v4を使ってみよう：シンプルなtutorial - Qiita
概要 Reactでルーティングをするためのライブラリであるreact-routerのv4の基本的な使い方を覚えるために、簡単なwebページを作ってみます。 react-routerのv4というと、v2やv3から破壊的な変更があり、かなり使いやすくなったとの評判なのですが、私はv4以前のreact-routerを使ったことはなかったので、この記事には過去のversionとの比較という観点はありません。初めて使う人が、ルーティングの概念やreact-routerの使い方がわかるチュートリアルになれば良いなと思いながら書きました。 方針としては、とにかくシンプルに小さなwebページを作ることにします。複雑な動作やサーバーとの通信はしませんし、cssもほぼ書きません。この記事はreact-routerを勉強し始めた当日に書いているので、間違っている内容があるかもしれません。ご指摘ください。 なぜr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
