React geliştirme bağlamında state ve props nedir?

State — bileşenin iç durumu, bileşenin çalışma sırasında değişebilecek veri kümesidir. State değişikliği, bileşenin yeniden çizilmesine neden olur.

Props — dışarıdan, üst bileşenden bileşene geçirilen dış parametrelerdir. Props, alan bileşen içinde değiştirilemez. Konfigürasyon ve veri iletimi için kullanılırlar.

Ana farklar:

Özellik	State	Props
Kaynak	Bileşenin içi	Dışarıdan iletilir
Değişebilirlik	Değişebilir	İçinde değiştirilemez
Amaç	İç görünümün kontrolü	Veri ve konfigürasyon iletimi

State kullanım örneği:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // State başlatma

  return (
    <div>
      <p>Sayaç: {count}</p>
      <button onClick={() => setCount(count + 1)}>Arttır</button>
    </div>
  );
}

Props kullanım örneği:

import React from 'react';

function Greeting(props) {
  return <h1>Merhaba, {props.name}!</h1>; // Props kullanımı
}

function App() {
  return <Greeting name="Dünya" />; // Props iletimi
}