react-router - 在React Router 4中，如何使用正则表达式来否定路由/路径？

Question

说我有一个路由切换语句，如下所示:

render () {
    <pre>
        <Switch>
            <Route path="/foo" render={render}>
            <Route path="/bar" render={renderBar}>
            <Route path="/" render={renderHome}>

            {/* How do i express everything except the home page ?*/}

            <Route render={renderFourOhFour}>
        </Switch>
    </pre>
}

在上面的示例中，我如何编写一条排除主页之外的所有内容的路由？我只写正则表达式吗？如果是这样，我已经尝试过类似的东西
path={^(?!.*(home))}
使用regex react router v4测试仪: https://pshrmn.github.io/route-tester/#/

Answer 1

您可以在Route上使用render方法，该方法将位置作为 Prop 传递。所以:

<Route render={({location}) => {
  return location.pathname !== '/' ? <p>Not home</p> : ''
}} />