Properties di ReactJS

Di postingan sebelumnya, kita udah bikin hellow2 di ReactJS. Naah disini akan dilanjutin ke properties. Klu mo nambain properties di React, kita nambainya di bagian ReactDom.Render seperti ini :

Terus klu mo diakses :

Hasilnya kyk gini :

Cara lain yang bisa dipake seperti ini :

Hasilnya sama ajjah...

Terus klu misalkan propertiesnya ada 2 biji...

Teruuus... Klu misalkan sy punya beberapa biji render App {App.js-nya g' diubah2 }kyk gini :

Hasilnya :

Next..... Tentang tipe tipe properti...

Naaah... di propTypes kita ngebuat tiga biji properties, tapi cuma dua yang dipake yaitu test dan hisoka. Property yang poiponya g' dipake. Itu bisa dikasih .isRequired biar selalu dikasih nilai oleh user kyk gini :

Eeeh... misalin g' ada nilainya dulu... tar kita dapat warning di console browsernya seperti ini :

Sooo... kita ngasih nilai buat poipo seperti ini :

Terusss... Beralih ke defaultProps. defaultProps ini tuuh... klu misalkan propsnya g' diinisialisasi, jadinya nilai ini yang dipake... Contohnya seperti ini :

Naaah... kita ngasih default ke test sm hisoka. Terus misalkan yang test g' usah dikasih nilai kyk gini :

Naah..props "test" g' dikasih nilai, berarti dia tar pake default value seperti ini :

Sip sip... Seperti ini ajjah untuk yang Properties di ReactJS... :)