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!!

Leave a Reply