Halo teman-teman, selamat datang kembali di course React JS bersama Nusantech Academy 🙂 .
Untuk mengasah dan meningkatkan pengetahuan teman-teman, kami memberikan studi kasus terkait dengan materi-materi yang ada di Modul 2. Silahkan teman-teman kerjakan sesuai dengan kemampuan teman-teman ya 🙂 .
Studi Kasus
Buatlah sebuah page dimana didalamnya terdapat field input nama seperti berikut.
Ketentuan:
- Ketika tombol “Add” diklik, maka data yang diinput akan muncul di “List Nama” seperti berikut.
- Jika field kosong maka ketika diklik “Add” data tidak muncul di “List Nama”.
Hint:
- Gunakan stateful component pada komponen utama.
- Di dalam komponen utama terdapat komponen child untuk menampilkan List Nama.
Selamat mengerjakan teman-teman. SEMANGAT!!