Renderizar HTML bruto no React usando métodos mais seguros

No React, agora você pode renderizar HTML bruto usando métodos mais seguros, evitando o uso de perigosamenteSetInnerHTML . Aqui estão quatro opções:

1. Codificação Unicode

Use caracteres Unicode para representar entidades HTML em um arquivo codificado em UTF-8:

{`First \u00b7 Second`}

2. Números Unicode em strings JSX

Converta entidades HTML em números Unicode em strings JSX:

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

3. Matriz mista de strings e elementos JSX

Combine strings e elementos JSX para renderizar HTML complexo:

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

4. DangerouslySetInnerHTML como último recurso

Use perigosamenteSetInnerHTML apenas como último recurso, pois introduz vulnerabilidades de segurança em potencial: