Aquí está mi código
return ( <ScrollView> <View style={{ padding: 10, flex: 1 }}> {listing.map((listing) => ( <> <View style={styles.containerOne} key={listing.snome_id}> <View id="listing" style={styles.containerTwo} > <Text style={{ margin: 15, marginTop: 20 }}> {listing.header} </Text> {listing.url.map((url) => ( <Image style={styles.pic} source={{ uri: url }} /> ))} <Text style={{ margin: 15, marginTop: 20 }}> {' '} {listing.description} </Text> </View> </View> </> ))} </View> </ScrollView> );Estoy tratando de ver varios listados y la imagen correspondiente y algo de texto. Parece que a pesar de que estoy usando un accesorio clave en el componente de vista, todavía me arroja un error y no estoy seguro de la razón detrás de eso.
Espero que alguien pueda ayudarme a resolver este problema.
La clave siempre debe proporcionarse al componente de nivel superior creado por la función de mapa. En su código, ese es el Fragmento. Tendrás que reemplazar esto:
<> <View style={styles.containerOne} key={listing.snome_id}> ... </>Con este:
<React.Fragment key={listing.snome_id}> <View style={styles.containerOne}> ... </React.Fragment>