Saltar al contenido

Cómo pasar props en el componente a FlatList renderItem

Solución:

De esta manera me está funcionando

<FlatList
     numColumns={1}
     data={this.props.InvitedLeaguesList}
     renderItem={({ item }) => <League invitedLeague={item} onPress={this.props.onPress} />}
     extraData={this.props}
 />

ingrese la descripción de la imagen aquí

puede pasar accesorios como un parámetro a la función que representa elementos de la lista plana como se muestra a continuación:

<FlatList
     numColumns={1}
     data={this.props.InvitedLeaguesList}
     renderItem={(item) => this.renderLeague(item, this.props)}
/>

y puede utilizar este parámetro en el renderLeague función:

renderLeague({item}, props) {
   ...
}

esa variable de accesorios incluye todos los parámetros de accesorios que puede usar this.props en otro lugar.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *