REACT — State

Genel Bakış

State zamanla değişebilen UI verisini tutar.

Öğreneceklerin

• useState
• state güncelleme
• re-render

Sözdizimi

const [count,setCount] = useState(0);

Örnek

import { useState } from "react";

export default function Counter(){
  const [count, setCount] = useState(0);
  return (
    <button onClick={()=>setCount(count+1)}>
      Tıklama: {count}
    </button>
  );
}

Notlar

• State'i direkt değiştirme.
• Güncelleme re-render tetikler.