如何使用react-router从表示组件导航？

Question

我正在开发一个个人项目，它是一个使用ReactJS的简单博客应用程序。我有条目列表页面的1个屏幕，条目详细信息页面有1个屏幕。

现在，我正在尝试遵循最佳实践，因此我按照以下方式布置了我的组件：

• 条目清单容器：容器组件。处理通过调度redux操作获取条目检索和更新应用程序状态。
• 条目清单：表示组件。接收Array个Entry个对象，并显示其中的列表
• 条目明细容器：容器组件。处理更多应用程序状态更新逻辑，提取等。接收Entry对象
• 条目详细信息：演示组件。显示条目。

基本上两个容器都会呈现它们的表现形式。

现在，问题是导航。在我的App组件中，我正在渲染几个Route组件，其中一个组件正在呈现EntryListContainer，另一个组件应呈现EntryDetailContainer。

问题是，如何从EntryList导航？

我的层次结构是这样的：

• EntryListContainer
  • EntryList
    • EntryRow -----＆gt;这包含一个导航按钮。
• EntryDetailsContainer
  • EntryPage

我想我可以在Link内呈现EntryRow，类似于

<Link to={`${match.url}/{entry.id}`} />

但是我必须将match对象从EntryListContainer传递到EntryList到`EntryRow，感觉很臭。

如何正确导航？