Question

我一直试图捕获一个未定义的URL，并将其传递给将处理该URL（显示消息）的组件。我不确定如何传递已捕获的当前URL。谢谢。

<Switch>
    <Route exact path='*' render={() => <HttpError data={"Undefined URL: " + this.props.match}/>}/>
</Switch>

Answer 1

将路线道具传递到要渲染的组件。访问props.match.url获取要渲染的路线的URL。

<Switch>
  <Route
    exact
    path='*'
    render={(routeProps) => (
      <HttpError data={"Undefined URL: " + routeProps.match.url} />
    )}
  />
</Switch>

如果您将其用作“ 404”路线，则可以将其放置在Switch的最后，删除exact道具（您可以删除{{1} } prop ），如果在匹配之前没有任何内容，那么path将返回/呈现该结果。

Switch

如何从路线获取路径？

1 个答案: