Ich habe eine Zeichenfolge wie <b>hi</b>
. Ich muss es als "hi" rendern. Kann mir jemand eine äquivalente Sache wie innerHTML
in Angular mitteilen, die ich in React verwenden kann?Wie Rendern einer HTML-Zeichenfolge in React?
Antwort
Hallo können Sie dangerouslySetInnerHTML
<div dangerouslySetInnerHTML={{ __html: yourhtml }}>
es hat funktioniert! Vielen Dank ! –
Hallo, bitte upvote die Antwort und akzeptiere die Antwort, so dass Leute wie ich diese Belohnung annehmen und in Zukunft eine bessere Antwort geben :) – Jeffin
yeah, ich habe Jeffin. Das macht Sinn! –
Nach offiziellen React docs
dangerouslySetInnerHTML Ersatz Reagieren des DOM ist für die Verwendung von innerHTML- im Browser versuchen. Im Allgemeinen ist das Festlegen von HTML aus Code riskant, da es leicht ist, Ihre Benutzer versehentlich einem Cross-Site-Scripting-Angriff (XSS) auszusetzen. Sie können also HTML direkt aus React setzen, aber Sie müssen gefährlichSetInnerHTML eingeben und ein Objekt mit einem __html-Schlüssel übergeben, um sich daran zu erinnern, dass es gefährlich ist. Zum Beispiel:
function createMarkup() {
return {__html: 'First · Second'};
}
function MyComponent() {
return <div dangerouslySetInnerHTML={createMarkup()} />;
}
Welche zusätzlichen Informationen werden hinzugefügt, außer dass die Dokumente zitiert werden? Die Antwort über eine Stunde früher weist auf dieselbe Lösung hin. –
- 1. Wie Rendern einer Backbone-Ansicht in einer React-Komponente?
- 2. Rendern eines React-Elements in einer React-Komponente
- 3. Dynamisches Rendern einer React-Komponente in React 0.12
- 4. Bedingtes Rendern in Meteor + React
- 5. Wie Rendern einer Zeichenfolge mit JSX in React
- 6. Rendern einer Zeichenfolge als React-Komponente
- 7. Wie Rendern eines HTML-Kommentars in React?
- 8. Wie Eigenschaften von Objekten in React rendern?
- 9. React Native: Rendern einer abgerufenen Datenstruktur
- 10. Rendern eines Modals in React
- 11. Bedingtes Rendern in React js
- 12. Rendern von Wordcloud in React
- 13. React, Rendern auf Eltern macht Kinder Rendern?
- 14. React Redux rendern verbundene Komponente
- 15. Dynamisch rendern eine Komponente in einer anderen Komponente in React
- 16. Rendern json ist nicht in React definiert
- 17. Rendern eines JavaScript-Objekts in React
- 18. Rendern von Math in React Komponente
- 19. Objektschlüssel Schleife nicht in React Rendern
- 20. Rendern geschachtelte/threaded Kommentare in React
- 21. React sollteComponentUpdate() nicht verhindern, Rendern
- 22. React Native Suchfunktion nicht rendern
- 23. Darf ich das React-Portal in meiner React-Anwendung rendern?
- 24. Mehrere Marker in react-native-maps rendern
- 25. Rendern mehrerer Diagramme mit React
- 26. Rendern eines dynamischen Eingabefeldes in React
- 27. React Router Komponente Rendern zweimal
- 28. react-router ist nichts rendern
- 29. React: Mehrere Tabellenzeilen in array.map beim Rendern
- 30. Rendern eine andere Ansicht in React Native
ist 'ReactDOM.Render()' nicht den Job zu tun? – Claies
Nicht genug Informationen –