Setzen Sie HTML in React auf div

Dieses Mal werde ich Ihnen zeigen, HTML in React auf div setzen und welche Vorsichtsmaßnahmen es gibt, um HTML in React auf div zu setzen. Hier ist ein praktischer Fall, nehmen wir einen sehen.

Während des Entwicklungsprozesses mit React habe ich festgestellt, dass $("#dataDetail").html("this.props.data.ipInfo"); den inInfo-Inhalt nicht normal anzeigen kann.

Lösung:

Auf der Front-End-HTML-Seite gibt es ein div-Tag mit der ID dataDetail. Voraussetzung ist, dass beim Klicken auf „Ansicht“ das div-Tag angezeigt wird Der inInfo-Inhalt wird in der Mitte angezeigt.

Schreiben Sie unterhalb der Funktion „render“ die Funktion „handleClick“ und rufen Sie die Funktion „handleClick“ auf, die zwei Parameter übergibt ist die anzuhängende Dom-Struktur. Der zweite Parameter ist, an welchen Dom-Knoten -Element angehängt werden soll. Der Wert von this.props.data.inInfo kann im Element mit der ID dataDetail angezeigt werden.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website

andere Verwandte Artikel!

Empfohlene Lektüre:

So implementieren Sie eine Knotenverbindung zu MySQL

Verwenden Sie JS, um den Sortieralgorithmus zu implementieren

Das obige ist der detaillierte Inhalt vonSetzen Sie HTML in React auf div. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!