Pengenalan State di React
Konsep berikutnya yang akan kita bahas, disebut state. State merepresentasikan variabel komponen yang reaktif.
Reaktivitas berarti bahwa ketika suatu state diubah, perubahan akan terjadi di semua tempat di mana state tersebut digunakan. Secara teknis, hal ini dicapai dengan melakukan render ulang pada seluruh komponen ketika ada perubahan pada state mana pun.
Untuk menggunakan state, pertama-tama kita perlu
mengimpor fungsi useState:
import React, { useState } from 'react';
Fungsi useState menerima nilai awal state sebagai parameternya,
dan mengembalikan sebuah array khusus yang berisi dua elemen.
Elemen pertama array berisi
nilai state saat ini, sedangkan elemen kedua berisi fungsi
untuk mengubah state.
Agar state bekerja dengan benar, kita tidak boleh mengubahnya secara langsung, melainkan harus menggunakan fungsi yang disediakan untuk mengubahnya - hanya dengan begitu reaktivitas akan bekerja.