Question

我正在使用带有Redux设置的react：16.6.0和react-router-dom：4.3.1

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>

当我连续单击链接组件时，它将在每次单击时重新呈现该组件。每当我的redux商店更改（将主题更改为light / dark）时，它也会重新渲染。我还有其他以相同方式实施的应用程序，但它们按预期运行。

我对此一无所知，请帮忙我可以更新更多代码

Answer 1

我猜这是一个粗箭头功能。尝试像这样<Route path="subroute1" component={SubRoute1} />

进行切换

在Redux Store更改时刷新路由，并在Link上连续单击

1 个答案: