Pengenalan kepada State dalam React
Konsep seterusnya yang akan kita bincangkan dipanggil state. State mewakili pemboleh ubah reaktif bagi komponen.
Kereaktifan bermaksud apabila state berubah, perubahan akan berlaku di semua tempat di mana state tersebut digunakan. Dari segi teknikal, ini dicapai dengan merender semula keseluruhan komponen apabila mana-mana state berubah.
Untuk menggunakan state, pertama sekali perlu
mengimport fungsi useState:
import React, { useState } from 'react';
Fungsi useState menerima nilai awal state sebagai parameter,
dan mengembalikan array khas yang mengandungi dua elemen
sebagai hasilnya. Elemen pertama dalam array menyimpan
nilai semasa state, manakala elemen kedua - fungsi
untuk mengubah state.
Untuk memastikan state berfungsi dengan betul, ia tidak boleh diubah secara langsung, sebaliknya anda harus menggunakan fungsi yang disediakan untuk mengubahnya - hanya then kereaktifan akan berfungsi.
