In react router 4, how does one negate a route / path using regex?

Question

Say i have a route switch statement like the following:

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>
}

How do i write a route that excludes everything except the home page given the above example? Do i just write a regex? If so i've tried something like

path={^(?!.*(home))}

with the regex react router v4 tester: https://pshrmn.github.io/route-tester/#/

Answer 1

You can use the render method on the Route, which gets passed the location as a prop. So:

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

Answer 2

1) It will be visible everywhere except /home

<Route path={/\/(?!home)/} component={Component} />

2) Everywhere except /

<Route path={/^.{2,}$/} component={Component} />