Wie wertet einen string mit Variablen in einen reagieren Komponente?
Ich habe einen string mit einer variable innerhalb:
var template = '<div>Hello {username}</div>';
Wird der Benutzername durch den Staat, wie zum Parsen dieses Strings und schalten Sie es in einen reagieren Komponente?
- Gibt es einen Grund, Sie sind nicht nur mit jsx statt einem string?
var template = <div>Hello {username}</div>
funktioniert direkt aus der box ohne etwas Phantasie - Ich habe den HTML-Code in separaten Dateien, Arbeit, Politik, Designer sind nicht erlaubt zu ändern, js-Dateien, nur HTML-Dateien
- die Frage wurde schon gestellt und beantwortet
- Ich bin mit babel.Transformation('<div>Hallo</div>').code, bekomme aber eine Fehlermeldung "Unexpected token', auch "importieren von babel von 'babel-core';" erzeugt die Fehlermeldung "TypeError: isNaN keine Funktion", wie es aussieht, spielt nicht schön mit meiner meteor + redux +app reagieren
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwenden
RegExp
zu identifizieren, die alle{}
setzt. Dann ersetzen Sie den Wert mit der state-Wert, und aktualisieren Sie die Zeichenfolge. Schließlich verwenden dangerouslysetinnerhtmleinfügen der HTML-string in reagieren Knoten. Siehe das Beispiel.
Hoffe, das hilft!
JS:
HTML:
Ich bin mir nicht sicher, was Sie versuchen zu tun, aber Sie tun können, var
template = (<div>{this.state.username}</div>)