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中文網其他相關文章！