Comment rendre les balises HTML en réaction

Comment rendre les balises HTML dans React : Vous pouvez utiliser l'attribut dangereuxSetInnerHTML pour le rendu, tel que [

].

L'environnement d'exploitation de ce tutoriel : système Windows10, version React16 Cette méthode convient à toutes les marques d'ordinateurs.

(Partage vidéo d'apprentissage : tutoriel vidéo React)

Introduction à la méthode :

Si le contenu de la chaîne de la balise HTML à une extrémité est obtenu à partir de le backend ( textContent) doit être rendu sous la forme d'une balise, alors on peut utiliser l'attribut dangereuxSetInnerHTML, mais il y aura un risque d'attaques xss après avoir utilisé cet attribut :

<div dangerousSetInnerHTML={{__html: textCotent}}></div>

Autres méthodes recommandées :

function createMarkup() {
  return {__html: 'First     Second'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()}></div>;
}

Recommandations associées :tutoriel js

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!