React propsları daha hızlı göndermek

Toranaga

Efendi Toranaga
Süper Moderatör
Geliştirici
Yardımsever Üye
Mesaj
864
Çözümler
45
Beğeni
934
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:
Genişlet Daralt Kopyala
<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:
Genişlet Daralt Kopyala
<SideBar { ...{Link} } />
<SideBar { ...{Link, UserName, Password} } />
* Diğer tarafta probsları alırken gönderdiğimiz isimle alıyoruz örneğin;
JavaScript:
Genişlet Daralt Kopyala
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>
    )
}
 
Üst