Suchergebnisse für Anfrage "react-jsx"

16 die antwort

React / JSX Dynamic Component Name

Ich versuche, Komponenten basierend auf ihrem Typ dynamisch zu rendern. Beispielsweise var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent />Ich ...

2 die antwort

Verwenden Sie ein Eingabefeld mit onBlur und einen Wert aus den in Reactjs JSX eingegebenen Statusblöcken?

Ich habe eine kleine Fiedel gemacht, um das Problem zu zeigen:http: //jsfiddle.net/4TpnG/582 [http://jsfiddle.net/4TpnG/582/] Wenn Sie ein Eingabefeld mit onBlur und einem Anfangswert von state haben, wird die Eingabe über die Tastatur ...

2 die antwort

Entfernen eines Elements bewirkt, dass React den letzten DOM-Knoten anstelle des mit diesem Element verknüpften Knotens entfernt.

Ich habe versucht, das Einfügen und Entfernen von Listen mit ReactCSSTransitionGroup zu animieren, aber die Entfernungsanimation animiert immer nur das letzte Element der Liste anstelle des zu entfernenden Elements. Hier ist ein Jsbin, um ...

TOP-Veröffentlichungen

14 die antwort

Tauschen Sie einen Teil des Strings mit dem Tag in JSX aus

Ich versuche, Teile eines Strings durch JSX-Tags zu ersetzen, wie folgt: render: function() { result = this.props.text.replace(":",<div className="spacer"></div>); return ( <div> {result} <div> ); } Aber angesichts der Tatsache, ...

10 die antwort

Warum ändert die Methode react setState den Status nicht sofort?

Ich leseForme [https://facebook.github.io/react/docs/forms.html] abschnitt von reactjs [/questions/tagged/reactjs] Dokumentation und habe gerade versucht, diesen Code zu demonstrierenonChange Verwendung ...

4 die antwort

Erwartetes entsprechendes JSX-Abschluss-Tag für Eingabe-Reactjs

Während der Erstellung einer Komponente in Reactjs mit Eingabefeldern tritt ein Fehler aufError: Parse Error: Line 47: Expected corresponding JSX closing tag for input at http://localhost/chat-react/src/script.js:47:20 </div> var Main = ...

4 die antwort

robleme beim Verstehen des JSX-Spread-Operato

Gab diesen Beispielcode aus den React-Dokumenten: var props = {}; props.foo = x; props.bar = y; var component = <Component {...props} />;Ich habe mir angesehen, was...props wertet tatsächlich zu aus, das ist: React.__spread({}, props)Welche ...

42 die antwort

Wie man Requisiten an {this.props.children} weitergibt

Ich versuche, den richtigen Weg zu finden, um einige Komponenten zu definieren, die allgemein verwendet werden könnten: <Parent> <Child value="1"> <Child value="2"> </Parent>Es gibt natürlich eine Logik für das Rendern zwischen übergeordneten ...

8 die antwort

React onClick event

Ich vermisse etwas. Hier ist eine sehr einfache Hallo Welt, das Ziel ist es, einfach ein Alarmereignis auf Click auszulösen. Das Ereignis wird ausgelöst, wenn die Seite geladen wird, aber nicht, wenn ich auf die Schaltfläche klicke. Ich schätze ...

4 die antwort

Babel error: JSX-Wert sollte entweder ein Ausdruck oder ein JSX-Text in Anführungszeichen sein

Ich erhalte eine Fehlermeldung von Babel, wenn ich versuche, meinen JSX-Code in JS zu kompilieren. Ich bin neu in der Reaktion und entschuldige mich, wenn dies ein offensichtliches Problem ist. Ich konnte nichts finden, was damit zu tun schien. ...