React インタビューの割り当て-user-detail-app

ユーザー詳細アプリ

ステージ1

create-react-app と React-router を使用して Web アプリを構築します。

randomUser API からのユーザー データを使用して、10 人のユーザーのリストをレンダリングします。

1. 各ユーザーの名前がリストに表示されます。
2. ユーザーの名前をクリックすると、ユーザーの写真、名前、電子メール アドレス、州、国で構成される、対応するユーザーの詳細ページに移動します。

ユーザー詳細ページに表示するデータ:

• 写真
• 名前
• メール
• 所在地 (州と国)

API URL: https://randomuser.me/api/
クエリパラメータ: 結果=10

追加:
コードを最適化する方法を検討してください。

ステージ2

• 状態管理を実装します。
• ユーザーのセットを 1 回だけフェッチします。ページ間を移動するときにネットワーク呼び出しは行われません。
• 詳細ページにユーザーをお気に入りとしてマークするボタンを追加します。
• ホームページで、特別な CSS を使用してお気に入りのユーザーを強調表示します。

以上がReact インタビューの割り当て-user-detail-appの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。