React Tugasan Temuduga-user-detail-app

apl butiran pengguna

Peringkat 1

Anda akan membina apl web menggunakan create-react-app dan react-router.

Menggunakan data pengguna daripada API Pengguna rawak, anda akan memberikan senarai 10 pengguna.

1. Setiap nama pengguna akan dipaparkan pada senarai.
2. Mengklik pada nama pengguna mengarahkan anda ke halaman butiran pengguna yang sepadan, yang terdiri daripada foto, nama, alamat e-mel, negeri dan negara pengguna.

Data untuk dipaparkan pada Halaman Butiran Pengguna:

• Foto
• Nama
• E-mel
• Lokasi (negeri & negara)

URL API: https://randomuser.me/api/
Param Pertanyaan: hasil=10

Tambahan:
Pertimbangkan cara anda boleh mengoptimumkan kod.

Peringkat 2

• Melaksanakan pengurusan negeri.
• Ambil set pengguna sekali sahaja. Tiada panggilan rangkaian apabila kami bergerak antara halaman.
• Tambahkan butang pada halaman butiran untuk menandakan pengguna sebagai kegemaran.
• Pada halaman utama, serlahkan pengguna kegemaran dengan CSS khas.

Atas ialah kandungan terperinci React Tugasan Temuduga-user-detail-app. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!