ReactJS路线显示空白页

时间:2018-10-05 13:09:20

标签: javascript reactjs react-router-v4

使用ReactJS前端和react-router,当我重定向到新路由时,我会以某种方式得到一个空白页面。

在组件中,我使用以下命令实现重定向:

if (this.props.showUnknownErrorPage) {
    return <Redirect push to={`/${this.props.locale}/unforeseenerror/`}/>
}

这确实导致了正确的网址:

http://127.0.0.1:8000/en/unforeseenerror/

但是显示的页面是完全空白的,只是一个空白页面。

应显示组件的路线:

<Route path={`${this.props.match.path}/unforeseenerror/`}
   render={(props) => <UnknownErrorPage {...props}
                                        setGreeneryAppState={this.setGreeneryAppState}/>}
/>

我有相似的路线,看起来非常相同,而且它们的工作没有问题。谁能帮我调试一下吗?

我已经尝试过的:

  • 将组件内容更改为仅包含H1元素(无区别)
  • 已更改为其他路线:像这样的单线路线:

    <路由路径= {{${this.props.match.path}/about}组件= {AboutPage} />

  • 尝试了硬编码的路径/en/unforeseenerror/

`

0 个答案:

没有答案