Mengenal Props Pada React JS #4

Pendahuluan

Props ini adalah model data yang memiliki fungsi ganda yaitu untuk menyimpan data dan juga bisa berfungsi sebagai melempar data antara komponen pada view. Props ini sangat berfungsi dan kita akan mempelajarinya pada React Javascript

Alat & Bahan

1. Code Editor 
2. Framework React JS

Langkah-langkah

1. Siapkan terlebih dahulu Framework React JS nya
2. Jika kemarin kita menginisiakan variabel yang akan kita buat dengan const dengan langsung mengisi variabel tersebut dengan nama sneaker..
3. Kali ini kita akan menggabung dan menyimpan pada props lalu akan kita tampilkan di component view..
4. Maka di function App menjadi seperti ini..                                                                                                                                                                                                                                                           
   
5. Lalu di function ProdukInfo kita menambahkan parameter pada function dengan mengetikkan props supaya menjadi penanda... 
6. Lalu membuat variabel dengan isinya yang bertambah banyak lalu kita inisiasikan bahwa ini props..
7. Lalu kita panggil pada component View..                                                                                                                                                                                                                                                     
   
8. Jika sudah maka akan tampil seperti biasa.. 
9. Jika error berarti ada yang salah pada saat menginisiasikan props

Kesimpulan

Props ini juga sangat berfungsi jika kita memiliki variabel yang kita ingin inisiasikan pada component view ini..