Bilişim dünyasına kaliteli, özgün ve Türkçe içerikler kazandırmayı hedefleyen bir platform..

friends friends friends

Each child in a list should have a unique "key" prop

React ya da React Native içinde listeleme yaptığınız zamanlarda her bir liste elemanının ayrı bir key prop'una sahip olması gerekiyor. Eğer bu kurala uymazsanız aşağıda ki hatayı alabilirsiniz.

Hata: Each child in a list should have a unique "key" prop

Hatalı Kullanım

persons.map(person => 
	<View> 
		<Text>{person.name}</Text>
		<Text>{person.age}</Text>
	</View>       
)

Doğru Kullanım

persons.map(person => 
	<View key={person.id}> //doğru kullanım
		<Text>{person.name}</Text>
		<Text>{person.age}</Text>
	</View>       
)

Başka bir Doğru Kullanım

<ul>
  {["Item1", "Item2", "Item3"].map(item =>
  <li key={item}>{item}</li>
  )}
</ul>
React React Native Unique Key
0 Beğeni
React-Native
Önceki Yazı

.csv dosya uzantısı

16 Ara. 2020 tarihinde yayınlandı.
Sonraki Yazı

Müjdat Özalp Moonstar Türkçe Dil Kılavuzu

16 Ara. 2020 tarihinde yayınlandı.
arrow