not found画面に入れる

ユーザがページのないアドレスにNot Foundの画面を表示したい場合は,次のコードを用いることができる.

import NotFound from "./NotFound";

import {Route, Switch} from "react-router-dom";

<Switch>
          <Route path="/" exact render={(props)=><BucketList history={this.props.history}list={this.state.list} />
}/><Route path="/detail" component={Detail}/></Switch>

路外をスイッチで包む.
最後に、スイッチが閉じる前に、パスが指定されていないページを追加すると終了します.

<Route component={NotFound}/>