Bir bileşen oluşturup, ona gönderdiğimiz değişkene göre bileşenin hareket etmesi için props özelliğini kullanabiliriz.
Örneğin bir Selamlama sınıfı yazalım ve ismini verdiğimiz kişiye Merhaba diyelim.
class Selamlama extends Component {
render() {
return (
<View style={{alignItems: 'center'}}>
<Text>Merhaba {this.props.name}!</Text>
</View>
);
}
}
Kullanımı:
<Selamlama name="Ahmet"></Selamlama> <Selamlama name="İsmet"></Selamlama> <Selamlama name="Murat"></Selamlama> <Selamlama name="Tural"></Selamlama>
props ile tanımladığımız değişkenler bileşenin ömrü boyunca sabit kalır.
Pingback: React Native – state özelliğini kavramak – Ahmet Cevahir ÇINAR