Rendre le HTML brut dans React à l'aide de méthodes plus sûres

Dans React, vous pouvez désormais restituer le HTML brut à l'aide de méthodes plus sûres, en évitant l'utilisation dangereuse de SetInnerHTML . Voici quatre options :

1. Encodage Unicode

Utilisez des caractères Unicode pour représenter des entités HTML dans un fichier encodé en UTF-8 :

{`First \u00b7 Second`}

2. Numéros Unicode dans les chaînes JSX

Convertir les entités HTML en numéros Unicode dans les chaînes JSX :

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

3. Tableau mixte de chaînes et d'éléments JSX

Combinez des chaînes et des éléments JSX pour afficher du HTML complexe :

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

4. DangerouslySetInnerHTML en dernier recours

N'utilisez dangereusementSetInnerHTML qu'en dernier recours, car il introduit des vulnérabilités de sécurité potentielles :