UTF-8-Zeichen direkt verwenden
<p>版权 ©</p>
HTML-Escape-Zeichen verwenden
<p>版权 ©</p>
oder dezimales Escape-Zeichen
<p>版权 ©</p>
Wenn Sie jedoch außen eine Ebene mit geschweiften Klammern hinzufügen, verhindert React xss. Die Escape-Zeichen-Entitäten werden dies verhindern erneut maskiert werden
React maskiert alle im DOM anzuzeigenden Zeichenfolgen, um XSS zu verhindern. Wenn JSX daher maskierte Entitätszeichen wie © (©) enthält, wird es im endgültigen DOM nicht korrekt angezeigt, da React die Sonderzeichen in © automatisch maskiert.
<p>{'版权 ©'}</p>Fehlerausgabe
版权 ©
Korrektes Schreiben:
Die direkte Verwendung von UTF-8-Zeichen kann immer noch korrekt ausgegeben werden
<p>{'版权 ©'}</p>Ein sicherer Ansatz ist die Verwendung des entsprechenden Unicode-Codes
<p>{'版权 \u00a9'}</p>Verwenden Sie fromCharCode
<p>{'版权 ' + String.fromCharCode(169)}</p>Array-Assembly verwenden
<p>{['版权 ', <span>©</span>]}</p>Verwenden Sie hazardlySetInnerHTML, um React-Escape-Zeichen zu vermeiden
<p dangerouslySetInnerHTML={{ __html: '版权 ©' }} />JSX-Fallstricke
Tief in den React-Technologie-Stack
aus. Verwenden Sie direkt UTF-8-Zeichen.
<p>版权 ©</p>
Verwenden Sie HTML-Escape-Zeichen.
<p>版权 ©</p>
Oder dezimale Escape-Zeichen
<p>版权 ©</p>
Aber wenn Sie außerhalb des Gehäuses eine große Ebene hinzufügen In Klammern maskiert React die maskierten Zeichenentitäten erneut, um XSS zu verhindern.
React maskiert alle im DOM anzuzeigenden Zeichenfolgen, um XSS zu verhindern. Wenn JSX daher maskierte Entitätszeichen wie © (©) enthält, wird es im endgültigen DOM nicht korrekt angezeigt, da React die Sonderzeichen in © automatisch maskiert.
<p>{'版权 ©'}</p>Fehlerausgabe
版权 ©
Korrektes Schreiben:
Die direkte Verwendung von UTF-8-Zeichen kann immer noch korrekt ausgegeben werden
<p>{'版权 ©'}</p>Ein sicherer Ansatz ist die Verwendung des entsprechenden Unicode-Codes
<p>{'版权 \u00a9'}</p>Verwenden Sie fromCharCode
<p>{'版权 ' + String.fromCharCode(169)}</p>Array-Assembly verwenden
<p>{['版权 ', <span>©</span>]}</p>Verwenden Sie hazardlySetInnerHTML, um React-Escape-Zeichen zu vermeiden
<p dangerouslySetInnerHTML={{ __html: '版权 ©' }} />Das Obige ist React The Ich hoffe, dass sie jedem helfen kann, wenn ich die Methode zum Schreiben von HTML-Escape-Schreiben verwende.
Verwandte Empfehlungen:
So schreiben Sie Komponenten in React
Der Unterschied zwischen setState in React und Preact
Wissen über das Ereignissystem reagieren
Das obige ist der detaillierte Inhalt vonHTML-Escape in React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
