Membuat Tampilan Dinamis Menggunakan Props Pada React.js

 Hello amigos!!!

See you again bersama saya Gina Ferlindawati, pada blog kali ini yang masih membahas materi seputar React.js. Nah, pada kali ini kita akan belajar mengenai props. Apa sih props itu? 

Props adalah argumen yang diteruskan ke komponen React. Props diteruskan ke komponen melalui atribut HTML, props adalah singkatan dari properti (properties).

Nggak perlu tunggu lama lagi mari kita langsung ngoding bareng :)

• Pertama-tama siapkan folder penyimpan untuk aplikasi react yang akan diinstal, lalu buka folder tersebut melalui Command Prompt. 
• Selanjutnya, create app hello menggunakan perintah "create-react-app props"

• Tampilan ketika app hello berhasil, selanjutnya masuk ke aplikasi hello dengan perintah "cd props" dan jalankan perintah "npm start"

• Hasil dibrowser, localhost:3000.

• Selanjutnya, buka aplikasi hello di Visual Studio Code.

• Buatlah file baru dan beri nama, contohnya: HelloWorld.js
• Ketik code dibawah ini.

• Lalu, styling class color pada file css-nya. Buka file App.css. Kemudian ketik code dibawah ini.

• Selanjutnya, ketik code dibawah ini pada file App.js

• Hasilnya:

Okay, usai sudah tutorial pembuatan tampilan dinamis menggunakan props ini. Terima kasih teman-teman yang telah mengunjungi blog ini. Kurang lebihnya saya minta maaf, see you in the next tutorials. Nice to meet you :)

Nama : Gina Ferlindawati

NIM : 2022102004

Prodi : Teknik Informatika

Matkul: Advance Web Programming

Dosen : Sutrisno, M.Kom.