在将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)一起使用