Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

74
Visualizações
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 Respostas
Responde à pergunta

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 Relatório

0

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

about 4 years ago · Juan Pablo Isaza Relatório

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda