Renderizar HTML sin procesar en React usando métodos más seguros

En React, ahora puedes renderizar HTML sin procesar usando métodos más seguros, evitando el uso peligroso de SetInnerHTML . Aquí hay cuatro opciones:

1. Codificación Unicode

Utilice caracteres Unicode para representar entidades HTML en un archivo codificado UTF-8:

{`First \u00b7 Second`}

2. Números Unicode en cadenas JSX

Convierta entidades HTML en números Unicode dentro de cadenas JSX:

{`First `   String.fromCharCode(183)   ` Second`}

3. Matriz mixta de cadenas y elementos JSX

Combine cadenas y elementos JSX para representar HTML complejo:

{[`First `, ·, ` Second`]}

4. DangerfullySetInnerHTML como último recurso

Utilice peligrosamenteSetInnerHTML únicamente como último recurso, ya que introduce posibles vulnerabilidades de seguridad: