Javascript 使用redux在React JS中的父组件内的子组件内呈现孙子组件

我正在开发一个电子商务应用程序。首先，我有一个展示有机商店（/商店）内所有类型产品概览的商店页面，然后我有一个展示商店内每种类型的所有产品（例如商店/油、商店/擦洗剂）的收集页面。在这部分之前，一切都很顺利。我正在尝试实现第三个孩子在油里面，用户可以看到所选产品的所有尺寸。例如，商店/油/杏仁油将展示尺寸为200毫升瓶、500毫升瓶、1升瓶等的产品。我现在面临两个问题

我的应用程序可以完美地从商店到润滑油或磨砂膏，并替换所有需要更换的东西。但是在从油到杏仁油中，没有任何东西被替换，而是添加到油页面的底部。我想让它去路线和重新呈现的页面一样，它为商店/石油

在页面呈现之后，我得到一个错误，这意味着当我去商店/oils/ammondoil时，我的产品（ammondoil）是未定义的。我可以从我的状态直接访问它，但错误是因为我在重新选择中使用createSelector

这是指向工作应用程序的链接：。这里没有错误，因为这是我的投资组合项目，我现在正在申请工作，所以我不想发布一个有错误的网站。但是，这将是一个很好的方式来了解该项目和正在努力实现的目标

以下是代码的github链接：

错误在src/pages/product/product.component.jsx中。 src/redux/collection内部的redux减速机和选择器/ 产品数据位于src/redux/collection/collection.data.js中。 页面路由已在src/pages/shop/shop.component.jsx中为/shop和/shop/oils指定。 shop/oils/ammondoil的页面路径位于src/pages/collection/collection.component.jsx中

这是错误的屏幕截图：

在过去的3天里，我一直在这方面努力，无法解决问题。如果我能在这方面得到任何帮助，我将不胜感激。我对react和redux是新手，我现在正在努力学习，所以我使用的方法不是最好的，对不起。 事先非常感谢你