Reactで投稿のIDを取得する

はじめに

いなたつアドカレの二十二日目の記事です。

もうすぐ終わりですね。。。

今回はReactでURLから投稿などのIDを取得する方法の備忘録です。

じっそー

App.js

import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom'

function App() {
  return (
    <Router>

        <Route exact path='/:id' component={Hoge} />
    </Router>

  );
}


export default App;

/:idのURLでHogeのコンポーネントというRouteの定義ができました。

const id = props.match.params.id

Hogeのコンポーネントで上のようにすることで、idを使用できます

このidを使ってAPiを叩くなりしましょ