react-router 未指定的路由怎么跳转?

Question

import React from 'react';
import {Route} from 'react-router-dom';
import Zero from './page/Zero';
import One from './page/One';
import Two from './page/Two';
import Three from './page/Three';
import Header from './components/Header';

export default function getRoutes() {
  return (
    <div>
      <Header/>
      <Route path="/zero" component={Zero}/>
      <Route path="/one" component={One}/>
      <Route path="/two" component={Two}/>
      <Route path="/three" component={Three}/>
    </div>
  )
}

这是我的路由 想了解一下如果说随便输入一个path 比如oneeeee 我想让他们未定义的path指定跳转到一个component 应该怎么做

Answer 1

需要配合Redirect来使用

     <div>
      <Header/>
      <Switch>
        <Route path="/zero" exact component={Zero}/>
        <Route path="/one" exact component={One}/>
        <Route path="/two" exact component={Two}/>
        <Route path="/three" exact component={Three}/>
        <Route path="/undefined" exact component={Undefined}/>
        <Redirect to='/undefined'/>
      </Switch>
    </div>

Answer 2

加一个：
<Route path="*" component={NotFoundPage} />