React Native - State

React Native - State

Halo semuanya, dalam artikel ini saya akan membahas sedikit mengenai React Native - State.

Yuk langsung aja kita simak..

Data di dalam Komponen React dikelola oleh state dan properti. Dalam artikel ini, kita akan berbicara tentang state.

Perbedaan antara State dan Atribut

State bisa berubah sementara Atribut tidak berubah. Ini berarti bahwa state dapat diperbarui di masa mendatang sementara atribut tidak dapat diperbarui.

 

Penggunaan State
Ini adalah komponen root kami. Kami hanya mengimpor Rumah yang akan digunakan di sebagian besar bab.

App.js

Kita dapat melihat dalam teks emulator dari state seperti pada tangkapan layar berikut.

 

 

Memperbarui Status


Karena status bisa berubah, kita dapat memperbaruinya dengan membuat fungsi deleteState dan memanggilnya menggunakan event onPress = {this.deleteText}.

Home.js


CATATAN - Dalam semua bab, kita akan menggunakan sintaks kelas untuk komponen stateful (wadah) dan sintaks fungsi untuk komponen stateless (presentasi). Kita akan belajar lebih banyak tentang komponen pada bab selanjutnya.

Kami juga akan belajar cara menggunakan sintaks fungsi panah untuk updateState. Kalian harus ingat bahwa sintaks ini menggunakan lingkup leksikal, dan kata kunci ini akan terikat ke objek lingkungan (Kelas). Ini kadang-kadang akan menyebabkan perilaku yang tidak terduga.

Cara lain untuk mendefinisikan metode adalah dengan menggunakan fungsi EC5 tetapi dalam hal ini kita perlu mengikat ini secara manual di konstruktor. Pertimbangkan contoh berikut untuk memahami ini.

 

 

Download Tutorial