Maison  >  Article  >  interface Web  >  Au-delà de « dangereusementSetInnerHTML » : quelles sont les alternatives sûres au rendu HTML dans React ?

Au-delà de « dangereusementSetInnerHTML » : quelles sont les alternatives sûres au rendu HTML dans React ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-28 02:50:30781parcourir

  Beyond `dangerouslySetInnerHTML`: What are the Safe Alternatives to Rendering HTML in React?

Rendu du HTML brut avec React

Demander si le rendu du HTML brut avec ReactJS n'est possible que via la méthode 'dangerouslySetInnerHTML', l'extrait de code fourni démontre l'utilisation d'un convertisseur Markdown pour convertir du texte brut en HTML. Cependant, la question exprime également le désir de restituer directement un balisage HTML complexe de style classe.

Selon les derniers développements de React, il existe désormais des méthodes plus sûres pour le rendu HTML. Voici quatre alternatives à considérer :

4 options de rendu HTML dans React

  1. Unicode : Enregistrez le fichier au format UTF-8 et définissez le jeu de caractères sur UTF-8, permettant d'utiliser directement les caractères Unicode.
  2. Numéro Unicode : Intégrez le numéro Unicode de l'entité souhaitée dans une chaîne JavaScript.
  3. Mixed Array : Combinez des chaînes et des éléments JSX dans un tableau pour le rendu.
  4. dangerouslySetInnerHTML : En dernier recours, du HTML brut peut être inséré à l'aide de 'dangerouslySetInnerHTML', mais cette méthode doit être utilisée avec parcimonie en raison de problèmes de sécurité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn