路由刷新 redux 存储更改并连续点击 Link

Question

我正在使用 react: 16.6.0 和 react-router-dom: 4.3.1 with redux setup

ReactDOM.render(
<Provider store={store}>
    <Router basename={process.env.PUBLIC_URL}>
        <App />
    </Router>
</Provider>, document.getElementById('root'));

这是我对路由的实现

<Suspense maxDuration={1500} fallback={<BundleLoading />} >
                                <Switch>
                                    <Route exact path='/' component={() => <Dashboard />} />
                                    <Route exact path='/settings' component={() => <Settings />} />
                                    <Route path='**' component={() => <PageNotFound />} />
                                </Switch>
                            </Suspense>

当我连续点击 Link 组件时，它会在每次点击时重新渲染组件。每当我的 redux 商店发生变化（将主题更改为 light/dark ）时，它也会重新呈现。我还有其他以相同方式实现的应用程序，但它们按预期工作。

我对此一无所知，请帮助我可以更新更多代码，如果有帮助的话

Answer 1

我猜是粗箭头函数造成的。尝试这样切换 <Route path="subroute1" component={SubRoute1} />

路由刷新 redux 存储更改并连续点击 Link

Route refreshing on redux store change and clicking continuously on Link

javascript

reactjs

redux

react-redux

react-router-v4