Estoy tratando de descubrir cómo resaltar varios objetos que se eligen, o mejor aún invocar la marca de verificación que he insertado en mi código. Mi merienda está aquí:

https://snack.expo.io/@fauslyfox110/testingreferrals

El mapeo específico está aquí:

const ContactRow = React.memo( ({ onPress, name, email, phone, selected }: ContactRowProps) ={amp}gt; { return ( {amp}lt;TouchableHighlight onPress={onPress}{amp}gt; {amp}lt;View style={{ padding: 16, flexDirection: 'row', alignItems: 'center' }}{amp}gt; {amp}lt;Text style={{ marginRight: 16 }}{amp}gt;{selected ? '✅' : '⭕️'}{amp}lt;/Text{amp}gt; {amp}lt;View style={{ flex: 1 }}{amp}gt; {amp}lt;Text{amp}gt;{name}{amp}lt;/Text{amp}gt; {name.length {amp}gt; 0 {amp}amp;{amp}amp; ( {amp}lt;View{amp}gt; {amp}lt;Text style={{ marginTop: 4, color: '#666' }}{amp}gt; {email} {amp}lt;/Text{amp}gt; {amp}lt;Text style={{ marginTop: 4, color: '#666' }}{amp}gt; {phone} {amp}lt;/Text{amp}gt; {amp}lt;/View{amp}gt; )} {amp}lt;/View{amp}gt; {amp}lt;/View{amp}gt; {amp}lt;/TouchableHighlight{amp}gt; ); } ); 

Extraigo contactos de mi teléfono y luego los mapeo para representarlos como una lista. Puedo elegir varios elementos y pasar el número para representar en los botones, pero me gustaría que cambien a una marca de verificación o que cambien de color para ayudar al usuario.

Me doy cuenta de que no está pasando el accesorio «seleccionado» a ContactRow.

 {amp}lt;ContactRow onPress={ ()={amp}gt; this.addSelectedContact({id: contact.name,name: contact.name, email:contact.email, phone:contact.phone}) } name={ contact.name } emailOrNumber={ contact.email || contact.phone } /{amp}gt; 

Cambiar a

 {amp}lt;ContactRow onPress={ ()={amp}gt; this.addSelectedContact({id: contact.name,name: contact.name, email:contact.email, phone:contact.phone}) } name={ contact.name } emailOrNumber={ contact.email || contact.phone } selected={Boolean(this.state.selectedContacts.find(item ={amp}gt; item.name === contact.name {amp}amp;{amp}amp; item.phone === contact.phone)} /{amp}gt;