Einfügen des iframe in die react-Komponente

9

Ich habe ein kleines Problem. Nachdem ich Daten von einem Service angefordert habe, habe ich einen iFrame-Code erhalten.

%Vor%

Ich möchte das als Requisite an meine modale Komponente weitergeben und es anzeigen, aber wenn ich einfach {this.props.iframe} es in der Render-Funktion habe, wird es offensichtlich als String angezeigt.

Was ist der grundlegende Weg, um HTML als Reaktion anzuzeigen?

    
Kocur4d 25.11.2015, 10:14
quelle

2 Antworten

13

Sie können die Eigenschaft dangerouslySetInnerHTML verwenden, so

>

%Vor% %Vor%

Sie können auch alle Attribute aus der Zeichenfolge kopieren ( basierend auf der Frage, Sie erhalten iframe als Zeichenfolge von einem Server ), die <iframe> tag und enthält Übergeben Sie es an das neue <iframe> -Tag, wie das

%Vor% %Vor%
    
Alexander T. 25.11.2015, 10:26
quelle
18

Wenn Sie dangerlySetInnerHTML nicht verwenden möchten, können Sie die unten erwähnte Lösung verwenden

%Vor%

hier Live-Demo ist verfügbar Demo

    
Dhaval Patel 25.11.2015 11:19
quelle

Tags und Links