So rendern Sie HTML-Tags in React

So rendern Sie HTML-Tags in React: Sie können zum Rendern das Attribut gefährlichSetInnerHTML verwenden, z. B. [5b5d2c583ef2c97d898f3af2f64de0b116b28748ea4df4d9c2150843fecfba68].

Die Betriebsumgebung dieses Tutorials: Windows10-System, React16-Version. Diese Methode ist für alle Computermarken geeignet.

(Lernvideo-Sharing: Video-Tutorial reagieren)

Einführung in die Methode:

Wenn der Zeichenfolgeninhalt (textContent) eines vom Backend erhaltenen HTML-Tags in Form eines Tags gerendert werden muss, können wir ihn verwenden das gefährlicheSetInnerHTML-Attribut, aber es besteht die Gefahr eines XSS-Angriffs nach Verwendung dieses Attributs:

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

Andere empfohlene Methoden:

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

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

Verwandte Empfehlungen: js-Tutorial

Das obige ist der detaillierte Inhalt vonSo rendern Sie HTML-Tags in React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!