Props Nedir?

Bir bileşeni yeniden kullanmak güzeldir, ancak üç özdeş yıldız yalnızca bir yere kadar işe yarar. Props, bir bileşene veri aktarmanıza olanak tanır, böylece her kopya farklı olabilir:

function Greeting({ name }) {
    return <p>Hello, {name}!</p>;
}

export default function App() {
    return (
        <div>
            <Greeting name="Ada" />
            <Greeting name="Alan" />
        </div>
    );
}

Burada iki şey gerçekleşir:

• Aktarma: prop'lar öznitelik (attribute) gibi görünür: name="Ada"
• Alma: bileşen bunları parametre listesinde çıkarır ({ name }) ve her değişken gibi JSX içinde kullanır

Aynı bileşen, farklı veri, farklı çıktı: Hello, Ada! ve Hello, Alan!. Prop'lar, ebeveynlerin çocuklarını yapılandırma şeklidir.