Mengubah materi props react berdasarkan guideline

[mnindrazaka]

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

1. Permasalahan

Sebelumnya, kita sudah membuat component search, namun apabila kita lihat dari label dan placeholder yang digunakan, component search ini bertujuan untuk melakukan pencarian suatu product. Seharusnya component search ini dapat digunakan berkali - kali pada halaman yang berbeda. Sehingga text pada component tersebut harus diubah

2. Penjelasan Materi Sebagai Solusi

• Penjelasan props

3. Penjelasan Detail Materi

• Cara menggunakan props pada suatu component

4. Contoh Kasus

Diberikan langkah - langkah untuk menerapkan props label dan placeholder pada component search yang sudah dibuat

const Search = (props) => {
 return (
  <div>
    <label>
      {props.label}
      <input type="text" placeholder={props.placeholder} />
    </label>
    <button>Search</button>
  </div>
 )
}