Über „dangerouslySetInnerHTML“ hinaus: Was sind die sicheren Alternativen zum Rendern von HTML in React?

Roh-HTML mit React rendern

Anfrage, ob das Rendern von Roh-HTML mit ReactJS nur über die Methode „dangerouslySetInnerHTML“, das bereitgestellte Code-Snippet, möglich ist demonstriert die Verwendung eines Markdown-Konverters zum Konvertieren von Rohtext in HTML. Die Frage drückt jedoch auch den Wunsch aus, komplexes HTML-Markup im Klassenstil direkt wiederzugeben.

Den neuesten Entwicklungen in React zufolge gibt es jetzt sicherere Methoden zum Rendern von HTML. Hier sind vier Alternativen, die Sie in Betracht ziehen sollten:

4 Optionen zum Rendern von HTML in React

1. Unicode: Speichern Sie die Datei als UTF-8 und stellen Sie den Zeichensatz auf UTF-8 ein, sodass Unicode-Zeichen direkt verwendet werden können.
2. Unicode-Nummer: Betten Sie die Unicode-Nummer für die gewünschte Entität in eine JavaScript-Zeichenfolge ein.
3. Gemischtes Array: Kombinieren Sie Strings und JSX-Elemente in einem Array zum Rendern.
4. dangerouslySetInnerHTML: Als letzten Ausweg kann rohes HTML mit „dangerouslySetInnerHTML“ eingefügt werden. Aus Sicherheitsgründen sollte diese Methode jedoch sparsam eingesetzt werden.

Das obige ist der detaillierte Inhalt vonÜber „dangerouslySetInnerHTML“ hinaus: Was sind die sicheren Alternativen zum Rendern von HTML in React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!