当第一个参数页面类别由React Router中的两个路由共享时，如何在URL中使用多个参数？

问题描述

所以基本上我正在构建一个电子商务应用程序。我的商店页面看起来像这样

    const ShopPage = ({ match }) => {

    return (
        <div className="shop-page">
            <Route exact path={`${match.path}`} component={CollectionsOverview} />
            <Route path={`${match.path}/:collectionId`} component={CollectionPage} />
            <Route path={`${match.path}/:collectionId/:itemId`} component={ItemPage} />
        </div>
    )
}

export default ShopPage;

现在我要解决的问题是当我去商店/鞋子/蓝色运动鞋时，它同时加载了蓝色运动鞋的商品页面和运动鞋系列概述页面。我尝试解决此问题的一种方法是将精确值添加到CollectionPage路由。这似乎可行，但是我的问题是：这是正确的方法还是您认为有更好的方法来实现这一目标？谢谢您的时间：）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）