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... :)

Variasi Hellow Hellow di ReactJS

Di postingan sebelumnya.. kita udah ngesetting environment buat windows 7, terus udah ngeliad jg salah satu cara ngebuat hellow world. Nah sebenernya ada beberap cara lain yg bisa dipake kyk gini :

Hasilnya kek gini :

Terus kita juga bisa pke stateless function component kyk gini :

Hasilnya seperti ini :

Naaah.. klu kita liad, disini selalu di return 1 tag html ajjah, div, h1, h2, atau yang lainnya... klu kita pengen ngereturn beberapa tag, tinggal ditambain kurung kyk gini :

Hasilnya :

Yaaaaps... segitu dl... :v