在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ react-router 未指定的路由怎么跳轉(zhuǎn)?

react-router 未指定的路由怎么跳轉(zhuǎn)?

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指定跳轉(zhuǎn)到一個component 應該怎么做

回答
編輯回答
枕邊人

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

2017年3月13日 09:10
編輯回答
懷中人

需要配合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>
2018年8月31日 10:24