Comment afficher les entités HTML en tant que HTML réel dans React en utilisant dangereusementSetInnerHTML ?

Rendu de la chaîne HTML comme du vrai HTML

Dans React, dangereusementSetInnerHTML peut être utilisé pour afficher le contenu HTML comme du vrai HTML. Cependant, des problèmes peuvent survenir lors de l'utilisation de cet attribut avec une valeur de chaîne.

Un scénario courant est celui où this.props.match.description est une chaîne contenant du HTML, mais elle est rendue sous forme de chaîne plutôt que de HTML. Cela se produit en raison d'éventuelles entités HTML présentes dans la chaîne.

Pour résoudre ce problème, il faut décoder les entités HTML avant de les transmettre dangereusementSetInnerHTML. Voici un exemple :

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      description: '<h1>

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!