Wie zeige ich HTML-Entitäten als echtes HTML in React mithilfe von hazardlySetInnerHTML an?

HTML-String als echtes HTML rendern

In React kann hazardlySetInnerHTML verwendet werden, um HTML-Inhalte als echtes HTML anzuzeigen. Allerdings können Probleme auftreten, wenn dieses Attribut mit einem Zeichenfolgenwert verwendet wird.

Ein häufiges Szenario ist, wenn this.props.match.description eine Zeichenfolge ist, die HTML enthält, aber als Zeichenfolge und nicht als HTML gerendert wird. Dies geschieht aufgrund möglicher HTML-Entitäten in der Zeichenfolge.

Um dieses Problem zu beheben, sollten Sie die HTML-Entitäten dekodieren, bevor Sie sie an hazardlySetInnerHTML übergeben. Hier ist ein Beispiel:

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      description: '<h1>

Das obige ist der detaillierte Inhalt vonWie zeige ich HTML-Entitäten als echtes HTML in React mithilfe von hazardlySetInnerHTML an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!