Tengo un problema sobre cómo representar una descripción de nombre de datos de API HTML en mi código nativo de reacción. Actualmente, los datos de la API están en formato HTML: Imagen de datos en formato HTML. Quiero convertirlo a texto normal como este: Imagen de texto normal . Por favor, ayúdame a resolver este problema.
Nombre de datos de API HTML dado: Imagen de nombre de datos de API dado
Este es mi código:
return ( <ScrollView style={[GlobalStyle.CustomScrollView]}> <HeaderBar3/> <Text style={[GlobalStyle.EventTitle]}> Event Details</Text> <View style={[GlobalStyle.EventDetailView]}> <Image style={[GlobalStyle.EventDetailImage]} source={{uri: eventData.main_image}} resizeMode="contain"/> <Text style={[GlobalStyle.EventSubtitle]}>Date:</Text> <Text style={[GlobalStyle.EventDate]}>{date}</Text> <Text style={[GlobalStyle.EventTime]}>{startTime}{'-'}{endTime}</Text> <Text style={[GlobalStyle.EventSubtitle]}>Venue:</Text> <Text style={[GlobalStyle.EventDescr]}>{eventData.venue}</Text> <Text style={[GlobalStyle.EventSubtitle]}>Ticket:</Text> <Text style={[GlobalStyle.EventTicketPrice]}>{eventData.promotional_price}</Text> <Text style={[GlobalStyle.EventSubtitle]}>Description:</Text> <Text style={[GlobalStyle.EventDescr]}>{eventData.description}</Text> </View> </ScrollView> );Puede eliminar las etiquetas HTML utilizando el método .replace() . Prueba esto:
<Text style={[GlobalStyle.EventDescr]}>{eventData.description.replace(/(<([^>]+)>)/ig,'')}</Text>Consulte la documentación: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace