react-router-4

Question

我的小型学习应用here

的在线版

快速概述：这里我有三个组件

• 用户
• UserDetail
• 的UserList

我正在尝试使用此用户/用户名的网址显示有关所选用户的详细信息。 详细信息应在同一页面上。 但是我做错了，如果有人可以帮助我，我会更新我的代码我会很感激，谢谢！

注意：我试图从react-router documentation

实现示例

Answer 1

您没有在任何地方呈现UserDetail组件。您可以将Child组件更改为以下内容：

<div>
  <h3>ID: {match.params.name}</h3>
  <UserDetail />
</div>

这将呈现UserDetail组件，但该组件无权访问您在UserList类中创建的用户列表。在组件之间共享数据的推荐方法是使用Redux或Flux。这将允许您彼此独立地加载组件并让它们访问相同的数据。