嵌套路由不適用於反應路由器

Question

我一直在嘗試渲染 CollectionPage 並將 url 與我的頁面匹配，但是我調用 CollectionPage 的嵌套路由由於某種原因不起作用！

這是我在 app.js 中調用的 shop.component 中的一個片段

 import React from 'react'; import { Route } from 'react-router-dom'; import CollectionOverview from '.././../components/collections-overview/collections-overview.component'; import CollectionPage from '../collection/collection.component'; const ShopPage = ({ match }) => ( <div className='shop-page'> <Route exact path={`${match.path}`} component={CollectionOverview} /> <Route path={`${match.path}/:collectionId`} component={CollectionPage} /> </div> ); export default ShopPage;

Answer 1

當我學習這門課程時，我遇到的一個問題是在 App.js 中我為商店路線設置了精確的。 也許你也有：D

Answer 2

我發現了發生了什么，在我的 app.js 中我不小心設置了我的 path='/shop/' 所以我只需要刪除第二個 '/'