【react-router-dom】4.xになって辛い。。理解したい人のためのreact-router-dom

【react-router】解決! Warning: [react-router] Location “[pathname]” did not match any routes

【react-router】解決! Warning: [react-router] Location “[pathname]” did not match any routes

【react-router】解決! Warning: [react-router] Location "[pathname]" did not match any routes

【react-router】解決! Warning: [react-router] Location “[pathname]” did not match any routes

上の画像のような「 Warning: [react-router] Location “[pathname]” did not match any routes」が出たら。

 <Router history={browserHistory} >
          <Route path='/' component={App}>
             <IndexRoute component={Home} />
             <Route path='about'component={About} />
             <Route path='feature' component={Features} />
          </Route>
</Router>

このようなRouteのpathとして文字列を渡している箇所とurlが一致しないことでおきます

<Route path='about/'component={About} />

してたら
example.com/about/
で訪れないと一致しないということです。
多分それは期待するところではないと思うので
example.com/about
というurl

<Route path='about'component={About} />

にすればいいと思います。

ではーー

(Visited 1 times, 1 visits today)

関連記事