Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

76
Vistas
Cómo mostrar solo la etiqueta <h1> en la cadena, reactjs

cómo mostrar solo la etiqueta en una cadena variable,

 const textHtml = "<h1>What events are you looking for today?</h1> <p>Find more events you want!</p>"

salida: ¿Qué eventos estás buscando hoy? ¡Encuentra más eventos que quieras!

esperado : ¿Qué eventos estás buscando hoy? solo muestre la etiqueta h1, la etiqueta p, no mostraré la etiqueta p

y la salida solo muestra la etiqueta <h1> y la etiqueta <p> se elimina/no se muestra, la cadena de valor de causa de textHtml es un valor de la respuesta api. Y no sé cómo mostrar solo la etiqueta <h1> .

¿alguien puede ayudarme, por favor? Y lo siento por mi mal inglés, gracias.

about 4 years ago · Juan Pablo Isaza
3 Respuestas
Responde la pregunta

0

Intenta agregar esto bajo tu código

 <Markup content={textHtml} />

fuente: https://www.codegrepper.com/code-examples/html/display+string+with+html+tags+react+js

about 4 years ago · Juan Pablo Isaza Denunciar

0

&lt;h1&gt;What events are you looking for today?&lt;/h1&gt;

about 4 years ago · Juan Pablo Isaza Denunciar

0

Está almacenando varios elementos HTML en una cadena, pero probablemente querrá envolver varios elementos en un <Fragment> , es decir:

 import { Fragment } from 'react' const titleAndP = ( <Fragment> <h1>What events are you looking for today?</h1> <p>Find more events you want!</p> </Fragment> )
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda