• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

243
Views
Cómo ingresar una plantilla formateada en React

Tengo una plantilla de carta en línea que quiero mostrar en mi reactApp.

Mi correo electrónico está formateado con párrafos y encabezados en negrita. ¿Cómo puedo integrar el mismo formato en React sin tener que usar fuerza bruta e incluir muchas etiquetas?

Intenté usar un literal de plantilla para conservar el formato, pero no funciona.

almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Como dijo Joseph en los comentarios, puede usar peligrosamente SetInnerHTML para representar una cadena de HTML.

Ejemplo:código-sandbox

 export default function App() { const htmlString = "<h1>Hello world</h1>"; return ( <> <div dangerouslySetInnerHTML={{ __html: htmlString }}></div> </> ); }

Sin embargo, es importante ser consciente de los riesgos de seguridad, ya que la documentación establece:

dangerouslySetInnerHTML es el reemplazo de React para usar innerHTML en el DOM del navegador. En general, configurar HTML desde el código es arriesgado porque es fácil exponer inadvertidamente a sus usuarios a un ataque de secuencias de comandos entre sitios (XSS). Por lo tanto, puede configurar HTML directamente desde React, pero debe escribir dangerouslySetInnerHTML SetInnerHTML y pasar un objeto con una clave __html para recordar que es peligroso.

Fuente: https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error