Durum (State) Nedir?

Şimdiye kadarki her şey sabitti: veri giriyordu, bir sayfa çıkıyordu, hiçbir şey değişmiyordu. Gerçek uygulamalar değişen şeyleri hatırlar: beğeni sayısı, açık bir menü, arama kutusundaki metin. Bu belleğe durum denir.

React, bileşenlere useState kancası aracılığıyla durum sağlar:

import { useState } from 'react';

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

Tek satır, üç parça:

• count: geçerli değer
• setCount: onu değiştiren işlev
• useState(0): başlangıç değeri

Altın kural: durum değerine asla doğrudan atama yapma. count = 5 hata verir, çünkü count bir const değeridir. Değiştirilebilir olsaydı bile React bunu bilmezdi. setCount(5) durumu değiştirir ve bileşeni yeniden işler. Ekranı güncelleyen şey bu yeniden işlemedir.