React'te props ile state arasındaki fark nedir?

• Props: bileşene dışarıdan (ebeveynden) verilen, bileşen içinde değiştirilemeyen girdilerdir. Fonksiyon parametreleri gibi düşünülebilir.
• State: bileşenin kendi içinde tuttuğu, zamanla değişen veridir. Değiştiğinde bileşen yeniden render olur.

function Sayac({ baslangic }) {              // prop
  const [sayi, setSayi] = useState(baslangic); // state
  return <button onClick={() => setSayi(s => s + 1)}>{sayi}</button>;
}

<Sayac baslangic={5} />

Veri React'te yukarıdan aşağıya akar. Bir çocuğun ebeveyndeki state'i değiştirmesi gerekiyorsa ebeveyn ona bir callback prop'u verir.