So rendern Sie HTML-Tags in React: Sie können zum Rendern das Attribut gefährlichSetInnerHTML verwenden, z. B. [
].
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!
