React propsları daha hızlı göndermek

Toranaga

Efendi Toranaga
Süper Moderatör
Geliştirici
Yardımsever Üye
Mesaj
859
Çözümler
45
Beğeni
902
Puan
959
Ticaret Puanı
0
Arada bir bu şekilde küçük ipuçları paylaşmayı düşünüyorum bu bunlardan ilki. Bu şekilde React.js de farklı componentlere props gönderirken tek tek göndermek yerine hızlı bir şekilde birden fazla props gönderebilirsiniz.
Örneğin,
JavaScript:
<SideBar Link={Link} />
Bunu yerine bu şekilde göndermek hem daha hızlı hem de farklı propsları bir virgül ekleyerek göndere bilirsiniz.
JavaScript:
<SideBar { ...{Link} } />
<SideBar { ...{Link, UserName, Password} } />
* Diğer tarafta probsları alırken gönderdiğimiz isimle alıyoruz örneğin;
JavaScript:
export default function SideBar({Link, UserName, Password}) {
    return (
        <h3>{UserName}</h3>
        <span>{Password}</span>
    )
}
// Ya da
export default function SideBar(props) {
    return (
        <h3>{props.UserName}</h3>
        <span>{props.Password}</span>
    )
}
 
Geri
Üst