如何将道具从<route>传递到组件

Question

即使在 组件中使用了render选项之后，render内部的组件也没有收到新的道具。

已检查其他默认道具是否可以访问。

Layout.js：

<Switch>
  <Route
    exact
    path="*"
    render={(props) => <HomeComponent {...props} loc={constants["404"]} />}
  />
</Switch>

HomeComponent.js：

componentDidMount() {
    console.log(this.props.loc) // Output is shown as undefined
}

我希望prop loc填充404页面的数据，但是会收到 undefined