React 面试作业-user-detail-app

用户详细信息应用程序

第一阶段

您将使用create-react-app 和react-router 构建一个Web 应用程序。

使用 randomUser API 中的用户数据，您将呈现 10 个用户的列表。

1. 每个用户的名字都会显示在列表中。
2. 点击用户姓名会将您引导至相应的用户详细信息页面，其中包含用户的照片、姓名、电子邮件地址、州和国家/地区。

要在用户详细信息页面上显示的数据：

• 照片
• 姓名
• 电子邮件
• 位置（州和国家）

API URL： https://randomuser.me/api/
查询参数： 结果=10

附加：
考虑如何优化代码。

第二阶段

• 实施状态管理。
• 仅获取用户集一次。当我们在页面之间移动时没有网络调用。
• 在详情页面添加按钮，将用户标记为收藏。
• 在主页上，使用特殊 CSS 突出显示最喜欢的用户。

以上是React 面试作业-user-detail-app的详细内容。更多信息请关注PHP中文网其他相关文章！