react-router v5-withRouter呈现空白屏幕

时间:2019-05-11 12:30:29

标签: reactjs react-router react-router-v5

在将react-router和react-router-dom更新为v5.0.0(从v4.3.1版本)之后,我的withRouter hoc根本不呈现App Container组件。它无法呈现任何内容,而且我也没有收到任何警告/错误。

index.js

import { BrowserRouter } from 'react-router-dom';
<Provider store={store}>
      <BrowserRouter>
        <AppContainerComponent />
      </BrowserRouter>
    </Provider>

AppContainer.component.js

进口-

import { withRouter } from 'react-router';

提供-

<AppRoutes isAuthenticated={isAuthenticated} />

出口-

export default withRouter(connect(mapStateToProps)(AppContainer));

appRoutes.component.js

<UnauthenticatedRoute
      path="/"
      exact
      component={SignupComponent}
      isAuthenticated={isAuthenticated} />

<AuthenticatedRoute
      path="/app"
      exact
      component={AppComponent}
      isAuthenticated={isAuthenticated} />

如果用户经过身份验证,这些临时文件夹将重定向到该路径,或者将呈现SIgnupComponent。

AppComponent具有由Route组件定义为-

的一堆路由
<Route exact 
       path="/path1"
       render={} 
/>
...

使用所有此配置,appContainer组件根本不会呈现。当我使用react-router v4.3.1时,它曾经可以正常工作。

我正在将preact(v8)与preact-cli(v2)一起使用

0 个答案:

没有答案