Как сделать route для 404 страницы?

Question

[Артур Кудашев]

Здравствуйте, я сделал Route для 404 страницы, но он не работает как надо.

Вот так выглядит Switch:

<Switch>
    <Route path = '/'>
       <BigComponent>
           <Switch
               <Route path = '/contacts' component = { ContactsPage } />
               <Route path = '/payment' component = { PaymentPage } />
           </Switch>
       </BigComponent>
    </Route>
    <Route component = { NotFoundPage } />
</Switch>

Проблема в том, что если я переду например по пути /asd, то BigComponent появится. Если добавлю exact в первый Route, то contacts и payment не будут работать. Мне нужно, чтобы все пути кроме /, /contacts, /payment подгружали NotFoundPage.

Answer 1

[hzzzzl]

можно в свитч положить третий роут, что-то в духе

<Switch>
  <Route path = '/contacts' component = { ContactsPage } />
  <Route path = '/payment' component = { PaymentPage } />
  <Route render={() => { return <Redirect to="/" />; }} />
</Switch>

должно сработать, но как-то так себе, что дочерний компонент будет делать редиректы

или такое

<Route path="/(contacts|payment)/" component={BigComponent /} />

https://stackoverflow.com/a/43877138

Comments

[Артур Кудашев]

hzzzzl, про второй вариант тоже подумал. Решил спросить вдруг есть лучше вариант. Все равно спасибо)