reactjs - React 应用程序中 Provider 和 Router 的顺序

Question

我正在将我的 React 应用程序设为 SPA 并添加 React Router 4与 react-router-dom到它。目前，我的 home 组件的入口点如下所示:

render (
    <Provider store={store}>
        <App>
            <Home />
        </App>
    </Provider>,
    document.getElementById('app')
);

对于另一个模块，我有一个不同的入口点，而不是 <Home />组件，我有一个不同的组件，但其余部分看起来几乎相同。

两个问题:

1. 如果<BrowserRouter>有关系吗？应该包裹 <Provider store={store}>或者相反？看起来像react-router-dom不使用 redux 存储，但我仍然认为 <Provider>应该包裹 <BrowserRouter> -- 请参阅下面的代码。
2. 我还将“Home”组件删除，因为路由器将根据 URL 决定加载哪个组件。

这是新代码:

render (
    <Provider store={store}>
        <BrowserRouter>
            <App />
        </BrowserRouter>
    </Provider>,
    document.getElementById('app')
);

我处理得对吗？

Answer 1

没关系。

它们并不相互依赖。

看看它们的实现，特别是它们的渲染方法。

Redux Provider, React Router.

它们大多只是声明几个contextTypes，并渲染子项。