React-reduxとreact-routerを併用することは可能ですか?

Question

実現したいこと

React公式マニュアル勉強用のReact_manualフォルダで、Reduxの勉強をしています。Reactのマニュアルを読んで作成したコンポーネントにもアクセスしたいです。
Reduxを利用しながらも、react-routerを利用してルーティングを行いたいです。

render(
  <Provider store={store}>
    <TodoApp />
  </Provider>,
  document.getElementById("root")
);

この<Provider>をどのように変更するべきでしょうか?
TodoApp以外のコンポーネント以外はReduxを利用していません。

Answer 1

routerをproviderでラップしてしまえば良いと思いますよ。
<BrowserRouter>か<HashRouter>かは必要な方にしてください。

import { BrowserRouter, Route } from 'react-router-dom';
import TodoApp from "TodoAppまでのリンク";

render(
  <Provider store = {store}>
    <BrowserRouter>
      <Route path = '任意のパス' component = {TodoApp} />
      <Route path = '任意のパス' component = {他のコンポーネント} />
    </BrowserRouter>
  </Provider>,
  document.getElementById("root")
);

Comments

[退会済みユーザー]

ありがとうございます、できました！