Apa Itu State?

Sejauh ini, semuanya tidak berubah: data masuk, halaman ditampilkan, dan tidak ada yang pernah berubah. Aplikasi sungguhan mengingat hal-hal yang berubah: jumlah suka, menu yang terbuka, teks di kotak pencarian. Ingatan itu disebut state.

React memberikan state kepada komponen melalui hook useState:

import { useState } from 'react';

export default function App() {
    const [count, setCount] = useState(0);
    ...
}

Satu baris, tiga bagian:

• count: nilai saat ini
• setCount: fungsi yang mengubahnya
• useState(0): nilai awal

Aturan utama: jangan pernah menetapkan nilai state secara langsung. count = 5 mengubah variabel yang tidak dipantau React. setCount(5) mengubah state dan merender ulang komponen. Render ulang itulah yang memperbarui layar.