React Native’de map fonksiyonu kullanımı

Bir dizi içerisindeki elemanlara map fonksiyonu ile erişebiliriz.

render() metodunun altında data dizimizi aşağıdaki şekilde oluşturalım.

    const data =[1,2,3,4,5];

Bu dizideki elemanları listelemek için:

{data.map(sayi=><Text>{sayi}</Text>)}

komutunu kullanabiliriz. Burada data.map() ile diziye erişiyor, dizi elemanlarını sayi değişkenine atamış oluyoruz.

each child in an array or iterator should have a unique key prop

Yukarıdaki hatayı gidermek için her elemanın tekil bir key özelliği olması gerekiyor. Bunu yapmak için aşağıdaki kodu kullanabiliriz. Bu arada eriştiğimiz değişken değerleri ile işlem de yapabiliriz.

        {data.map((sayi,key)=><Text key={key}>{sayi*2}</Text>)}

Yorum Yapın