javascript - ReactJS 路由显示空白页面

Question

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

在一个组件中，我使用以下内容来实现重定向：

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

这确实会导致正确的 URL：

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/

`

标签： javascriptreactjsreact-router-v4