Mengubah struktur materi component mapping react berdasarkan guideline

[mnindrazaka]

Berikut struktur materi berdasarkan guideline, silahkan berikan komentar apabila ada yang perlu ditambahkan

1. Permasalahan

Kita butuh menampilkan beberapa component sesuai dengan jumlah element pada suatu array

2. Penjelasan Materi Sebagai Solusi

3. Penjelasan Detail Materi

Menjelaskan cara melakukan component mapping menggunakan array.map

4. Contoh Kasus

Membuat sebuah component list yang menerima props items berupa array of string, dimana di dalam component list itu akan dirender beberapa list item sesuai dengan jumlah element pada array yang diinputkan

function List(props) {
  return (
    <div>
      <h5>{props.title}</h5>
      <ul>
        {props.items.map(item => (
          <li>{item}</li>
        ))}
      </ul>
    </div>
  );
}