Di React Native, prop onChangeText
digunakan dengan komponen <TextInput>
untuk menangani perubahan input teks. Prop ini menentukan fungsi panggilan kembali yang akan dipanggil setiap kali teks dalam komponen <TextInput>
diubah oleh pengguna.
Pada contoh kode yang diberikan, prop onChangeText
diatur menjadi setUsername
, yang berarti ada variabel state bernama username
yang digunakan untuk menyimpan nilai yang dimasukkan oleh pengguna dalam kolom input teks.
Setiap kali pengguna mengetik atau mengubah teks dalam komponen <TextInput>
, fungsi panggilan kembali onChangeText
, dalam hal ini setUsername
, akan dipicu. Fungsi ini bertanggung jawab untuk memperbarui nilai variabel state username
dengan input terbaru yang dimasukkan oleh pengguna.
Potongan kode ini menunjukkan bahwa ada sistem pengelolaan state yang digunakan, seperti penggunaan hook useState
pada React, di mana username
adalah variabel state dan setUsername
adalah fungsi pengatur nilainya. Setiap kali setUsername
dipanggil dengan nilai baru, ia akan memperbarui variabel state username
dan memicu pembaruan ulang komponen, yang mencerminkan nilai terbaru dalam kolom input teks.
Leave a Reply