react-router-4中的嵌套路由

Question

我在这里有我的小型学习应用程序的在线版本

快速概述：这里有三个组成部分

• 用户
• UserDetail
• 在UserList

我正在尝试使用此用户/用户名来显示有关具有url的所选用户的详细信息。 详细信息应在同一页面上。 但是我做错了什么，如果有人可以帮助我完成我的代码更新，我将不胜感激，谢谢！

注意：我正在尝试从react-router 文档中实现示例

Answer 1

您不会在任何地方渲染UserDetail组件。 您可以通过将Child组件更改为以下内容来执行此操作：

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

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