How to render an element for all paths except one

Question

is it possible to render an element for all paths except one?

For example:

<Link to='/a'>A</Link>
<Link to='/b'>B</Link>
<Link to='/c'>C</Link>
...
<Link to='/noRender'>No Render</Link>
...
<Link to='/z'>Z</Link>

<Route path='all expect /noRender' render={()=> (<p>rendered element</p>)}   />

Im looking for simplest/best solution.

Possible duplicate of [Multiple path names for a same component in React Router](https://stackoverflow.com/questions/40541994/multiple-path-names-for-a-same-component-in-react-router) — Hemadri Dasari, Feb 07 '19 at 17:12

score 1 · Accepted Answer · edited Feb 07 '19 at 17:23

1

Have you tried adding the logic within the render prop?

<Link to='/a'>A</Link>
<Link to='/b'>B</Link>
<Link to='/c'>C</Link>
...
<Link to='/noRender'>No Render</Link>
...
<Link to='/z'>Z</Link>

<Route path='/' render={()=> {
  if (this.props.location.pathname === "/noRender") {
    return null;
  } else {
    return <p>rendered element</p>;
  }
}} />

edited Feb 07 '19 at 17:23

zyng9

79
1
2
10

answered Feb 07 '19 at 17:10

Raphael Rafatpanah

19,082
25
92
158

How to render an element for all paths except one

1 Answers1