Tag: react-jsx
Child-parent-Komponente, die Kommunikation in ReactJS
2 Antworten
Ich gerne die Attribut-Eigenschaften/Requisiten/Statuswerte von untergeordneten Komponente zur übergeordneten Komponente auf ein Ereignis, Feuer onDrag. Ich konnte nicht finden die ordnungsgemäße Dokumentation, die auf dieser. Hier ist mein code: /*** @jsx React.DOM */ var APP=React.createClass({ getInitialState:function() {
React.JS Berechnung img width in virtuellen DOM
2 Antworten
Ich versuche zu finden, die Breite eines <img> um es per JavaScript. Versuchen, berechnen Sie die Breite dieses react.js DOM-Knoten wird 0 zurückgegeben. var Player = React.createClass({ componentDidMount:function(){ var imgEl = this.refs.imgSize.getDOMNode(); console.log(imgEl.offsetWidth); }, render: function ()
Reagieren JSX "Parse Error: Unexpected identifier"
3 Antworten
Versuchen zu lernen, Reagieren JS /JSX im moment und haben steckengeblieben erstellen eines einfachen login-Formulars: /** * @jsx React.DOM */ var loginForm = React.createClass({ getInitialState: function() { return {loggedIn : false}; }, login : function(event) { alert('logging
ListView onEndReached nicht funktioniert, wenn innerhalb einer Ansicht
4 Antworten
Hier ist die Sache. Ich möchte mit der Darstellung einer listview aktualisiert die Daten, wenn onEndReached. Während die Daten aktualisiert werden, will ich machen einen 'laden' text unterhalb der Liste (ohne das entfernen der Liste). wie diese:
Dynamisch beim laden der Komponente mit ReactJS?
1 Antworten
Hier ist mein Szenario. Ich Baue eine single-page-app mit einer Körper-Komponente, die mit einem sidebar-Komponente (die alle in JSX). Dem Rendern des Körpers component-Klasse sieht wie folgt aus: return ( <div> <SideBar onComponentChange={this.handleComponentChange}/> <div id="content-container"> <LoadingContainer ref="loading_container"/>
REACT.js und Rendern aber verwenden von innerHTML-element-rendering in?
1 Antworten
Ich habe ein Bedürfnis und ich kann nicht scheinen, um es zu überwinden. Weil mein Seite verwendet sowohl Template-rendering UND reagieren... ich habe dieses div hat eine id, sagen wir "foo". Nun, ich würde gerne den Inhalt
Reagieren - Wie Durchlaufen Wörterbuch in der render-Methode mit JSX?
1 Antworten
Ich bin zu lernen, zu Reagieren, und haben eine kleine test-app macht einen Ajax-Aufruf, liefert ein JSON-Objekt, das ich möchten, Durchlaufen Sie in der return-Methode, der meine Komponente. Ich habe versucht, alles, was ich denken kann und
Wie setze ich ein ref bei der Verwendung reagieren.createElement?
2 Antworten
Ich möchte eine ref auf die Komponente, dargestellt durch das element ich erstellen, aber kann es nicht funktionieren. Ich versuchte dies: var comp = React.createElement( MyComp, { props: myprops, ref: "mycomp" } ); Aber das funktioniert nicht.
ReactJS + Redux: Wie warten Sie, bis der Versand abgeschlossen ist, bevor auf den nächsten Schritt?
4 Antworten
In ReactJS + Redux-Projekt, ich habe eine Methode, wo es macht eine API-Anfrage. Wenn erfolgreich, würde ich gerne Versand weitere Aktion, die Schöpfer und warten, bis es abgeschlossen ist. Dann, wenn es abgeschlossen ist, bewegen Sie auf
Reagieren - Wie die Rückkehr der HTML-Elemente im JSON-Format
1 Antworten
Habe ich eine JSON-Datei enthält HTML-Elemente in einem string - Ist es möglich, die Daten zurück, die in Reagieren/JSX als gültig gerenderten HTML? var Hello = React.createClass({ render: function() { var exampleJSONData = { "item": "Hello", "text":
Reagieren: die Einstellung disabled-Attribut, basierend auf einem Zustand
3 Antworten
Ich würde gerne das disabled-Attribut auf eine Schaltfläche basierend auf der Komponente Staat so etwas wie dieses: render() { return ( <button type="button" {this.state.submitting ? 'disabled' : ''} onClick={ this.handleSubmit }>Submit</button> ); } Im moment bekomme ich
Erklären Fragezeichen (?) verwendet in ES6/JSX-code
1 Antworten
Ich bin mit einer Bibliothek namens reagieren-Formen in meiner app Reagieren. Um besser zu verstehen, wie es funktioniert ich habe den Kodex gelesen, aber eine Konvention, taucht immer wieder die verwirrt mich. Hier ist das ES6/JSX-code: 'use
Aufspaltung Reagieren die Komponenten in separaten Dateien
1 Antworten
Scheint dies eine Allgemeine Frage, ich bin der Suche nach eine Menge Leute Fragen und die Antworten sind alle sehr unterschiedlich und scheinen ein bisschen hit und verpassen. Ich habe beobachtet, dass verschiedene video tutorials an, lese
Benutzerdefinierte HTML-Element-Tag innerhalb Reagieren JSX
2 Antworten
Verwenden wir eine Komponenten-Bibliothek, die verwendet benutzerdefinierte Elemente. Dies erfordert von uns für die Verwendung des benutzerdefinierten HTML-tags innerhalb unserer JSX. Für ein sehr einfaches Beispiel: var App = React.createClass({ render: function() { return <niner/>; } });
Erstellen einer dynamischen Tabelle, die aus json-Antwort in reactJS
2 Antworten
Ich bin neu zu reagieren, sowie UI und ich möchte einen schönen Tisch aus der JSON-Antwort empfangen von meinem ajax-call zum server. Wie kann ich das tun. Jede Art von information wäre wirklich hilfreich. var Contact =
ReactJS - gibt es eine Möglichkeit, trigger-Methode durch drücken der 'Enter' - Taste innerhalb <input/>?
3 Antworten
Mit nur onChange und Wert und zwar konzentriert innerhalb eines <input/> wird, möglichst ohne jQuery, gibt es eine Möglichkeit, trigger-Methode durch drücken der 'Enter' - Taste? Da würde nur wollen, dass die Benutzer zum drücken von 'Enter'
Reagieren-code nicht angezeigt im browser
2 Antworten
Ich bin mit Webpack zu bündeln, einige Reagieren geschriebenen code in JSX-format. Ich habe alles eingerichtet und läuft soweit kompilieren geht und wie es aussieht, wenn alles richtig ist in der bundle.js Ausgabe-Datei. Wenn ich importieren Sie
Richtig destructuring diese.Requisiten für die gesamte Komponente
3 Antworten
Stieß ich auf ein Problem von heute, betrachten Sie folgende Komponente: export default class Input extends React.Component { someFunction() { console.log(this.props.value) } render () { const { type, value, required } = this.props return ( <div className={cx('Input')}>
Google-Map-Api-Marker nicht mit Reactjs
1 Antworten
Ich versuche zu zeigen Sie eine google-Karte mit einem marker. Ich bin mit React.js. Die Karte zeigt in die richtige Position, aber der marker nicht angezeigt und ich bekomme mehrere 'Objekt ist nicht erweiterbar,' Fehler in der
AutoVervollständigen für html-tags in den jsx (sublime text)
7 Antworten
Ich würde gerne in der Lage sein zu verwenden von AutoVervollständigen für html-tags in meiner reagieren/jsx-code. Die gleiche Weise, die es funktioniert für html-Dateien. Kann ich konfigurieren sublime text 3 zum aktivieren von AutoVervollständigen-tags für jsx-Dateien? Haben
Reagieren-router nicht angezeigt-Komponente
2 Antworten
Ich bin derzeit lernen zu reagieren-router, und dann zu versuchen, es in einer Beispiel-app. Hier ist mein code: index.html <!DOCTYPE html> <html> <head> <title>Sample APP</title> <link rel="stylesheet" href="dist/css/style.css"> </head> <body> <div id="main"></div> </body> <script src="dist/js/main.js"></script> </html> /src/app.jsx
Zu machen, wie die Bild-Tasten in JSX?
2 Antworten
Dieser kein Bild anzeigt, aber immer noch funktioniert wie eine Schaltfläche. <button><img src={"./img/google.png"} /></button> Meine Ordner setup /user/img/google.png und /user/loginGoogle.jsx , also ich glaube nicht, dass es ein problem mit der Quelle InformationsquelleAutor dovla | 2016-03-20
JSX Reagieren HTML5 Input-Regler Funktioniert nicht
4 Antworten
Ich bin mit React.JS für einen build, und bin Gebäude eine Reihe input-regler mit zwei Entscheidungen, die für eine Komponente. dies ist mein code: <input id="typeinp" type="range" min="0" max="5" value="3" step="1"/> Wenn ich ihn in meine client-side
Wie Erzeuge einen string mit JSX in Reagieren
1 Antworten
Brauche ich zum Rendern eines HTML - (JSX) string in ein Reagieren Klasse. Ich weiß nicht, ob dies möglich ist oder nicht. dangerouslySetInnerHTML gilt nicht für mich, weil ich anders reagieren-Komponenten in dieser Datei. Es ist nicht
ReactDOM / getDOMNode() anstelle von jQuery?
1 Antworten
Wie sollte ich die Struktur dieser ReactJS code zu verwenden ReactDOM /getDOMNode() statt jQuery. Dieser spielt einen Ton, wenn eine Taste gedrückt wird. Nicht sicher, ob ich sollte die .play() im myAudioObject aus und greifen Sie über
Beste Weg, um build/compile/deploy ReactJS Produktion
1 Antworten
Ich bin neu reactJS, und versuche zu verstehen, was ist der beste Weg, um zu implementieren Sie den code für die Produktion. Als pro den link, ich bin Gebäude mit babel als code unten, aber ich Frage
Reagieren js-Karte() undefiniert ist keine Funktion
2 Antworten
Ich bin neu, um zu Reagieren und ich werde ein wenig verrückt versucht herauszufinden, was ich falsch mache. Ich bin versucht, Durchlaufen ein json-array, dass ich von einem ajax-Aufruf. Wenn ich verspotte den Daten funktioniert es tadellos,
JSX Requisiten nicht verwenden sollten .bind()
3 Antworten
So beheben Sie diese Fehlermeldung, wenn ich die Bindung auf diese Weise: früher Bindung im Konstruktor gelöst, aber das ist etwas Komplex für mich: {this.onClick.bind(this, 'someString')}> and <form onSubmit={handleSubmit(this.handleFormSubmit.bind(this))}> InformationsquelleAutor monkeyjs | 2016-11-23
Was ist der Zweck, der mit Funktionen wie componentWillMount in React.js?
5 Antworten
Habe ich schriftlich Komponenten in React.js vor kurzem. Ich hatte noch nie mit Methoden wie componentWillMount und componentDidMount. render ist unverzichtbar. getInitialState und andere Hilfsmethoden, ich schrieb auch in handliches kommen. Aber nicht die beiden oben genannten
ReactJS (JSX) syntax-highlighting im Visual Studio 2015
2 Antworten
Bin ich beim Lesen über die "built-in-Unterstützung von jsx-syntax in VS 2015", aber kann ihn nicht finden. Ist Sie versteckt in den Einstellungen der IDE, oder muss ich die Installation einiger Erweiterung? InformationsquelleAutor lewis | 2015-10-23
Reagieren, hält die Flucht der amp-Zeichen (&) in den Parametern
1 Antworten
Ich habe eine Komponente mit einem data-icon Attribut. Der Wert dieses Attributs sollte, zum Beispiel  so, dass die css-Rendern kann es über content: attr( data-icon );. Jedoch, was auch immer ich versuche: Reagieren, hält die Flucht
Einstellung bedingte onClick Verhalten Reagieren Komponente
2 Antworten
Ich arbeite an einer Komponente, wo ein button (input-Feld vom Typ 'submit') wird die übermittlung von Daten nach dem anklicken. Allerdings möchte ich vorstellen, um zu zeigen, eine Warnung auf dem Bildschirm, wenn das Eingabefeld leer ist.
Kind zu Eltern-Kommunikation Reagieren (JSX) ohne Flussmittel
3 Antworten
Ich bin wirklich neues zu Reagieren, und ich bin ziehen meine Haare aus versuchen zu lösen, was scheint mir ein einfaches problem. Hier ist ein Bild von der Komponente, auf die ich aufgebaut habe. Farbe Kommissionierung Komponente
Reactjs: Seite erfrischend, auf `onClick` handle des Button?
2 Antworten
Ich habe den folgenden block in meiner render() (das ist ein Bootstrap-Taste: https://react-bootstrap.github.io/components.html#buttons-options): <Button type="simpleQuery" onClick={this.handleEntailmentRequest.bind(this)}> Query </Button> und die folgende Funktion: handleEntailmentRequest() { console.log("handle request "); } Immer wenn ich auf den button klicken, kann ich
True benutzerdefinierte Attribute (z.B. Mikrodaten) in Reagieren
5 Antworten
Die Seite, die ich entwickle, macht die Verwendung von Mikrodaten (mit schema.org). Wie schalten wir die Entwicklung zu Reagieren, um render-unsere Ansichten, die ich getroffen haben, einen blocker zu haben, wo Reagieren nur render-Attribute in der HTML-Spezifikation
Rendering durch Komma getrennte Liste von links
8 Antworten
Ich versuche, die Ausgabe einer Liste von durch Kommata getrennt links und dies ist meine Lösung. var Item = React.createComponent({ render: function() { var tags = , tag; for (var i = 0, l = item.tags.length; i
Reagieren JSX: Wie Requisiten, um Platzhalter-Attribut
2 Antworten
Ich habe ein input-tag und ich versuche die Platzhalter den Inhalt der Komponente Requisiten. Nach dem kompilieren JSX und es läuft im browser, wird der Platzhalter nicht zeigen, bis überhaupt. Es ist auch nicht werfen Fehler. Wie
Einfügen von HTML mit Reagieren Variable Aussagen (JSX)
8 Antworten
Baue ich etwas mit Reagieren, wo ich das einfügen muss HTML mit Variablen Reagieren in JSX. Gibt es eine Möglichkeit die variable in etwa so: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; und stecken Sie es
Reagieren Komponente Rückkehr nicht Lesen kann Eigenschaft '__reactInternalInstance$ null nach dem Versuch, Zugriff auf array
5 Antworten
Hier ist die problematische Komponente in Frage. const UserList = React.createClass({ render: function(){ let theList; if(this.props.data){ theList=this.props.data.map(function(user, pos){ return ( <div className="row user"> <div className="col-xs-1">{pos}</div> <div className="col-xs-5">{user.username}</div> <div className="col-xs-3">{user.recent}</div> <div className="col-xs-3">{user.alltime}</div> </div> ); }, this); } else
React.js übergeben von Daten zwischen den Komponenten fließen
2 Antworten
Habe ich erstellt aus drei grundlegenden Komponenten. Einer macht, die Komponenten B und C B ist wie der header enthält Registerkarten 1,2,3 C ist die erste Seite, auf der es zwei Formen, einer zeigt auf einen Zeit.
Wie zu zwingen, reactJS neu zu zeichnen?
2 Antworten
Ich versuche zu aktualisieren meine Tabelle mit einem ajax-Aufruf durch die Nutzung dieser.setState({ data: data }); aber die datatable wird nicht neu gezeichnet, mit den neuen Daten? (Ich kann sehen, dass neue Daten empfangen) var GridRow =
Reagieren JS - Uncaught TypeError: Cannot read property 'binden' undefined
1 Antworten
Möchte ich zeigen TopicsListKomponente, wenn der Benutzer klickt auf SingleTopicBox Komponente und ausblenden SelectedTopicPage Komponente. Allerdings bin ich immer Fehler: Uncaught TypeError: Cannot read property 'bind' of undefined on topic-Liste.jsx-Datei. Haupt-controller.jsx import {React, ReactDOM} from '../../../build/react'; import
Zum umleiten auf eine Seite, Reagieren die Einheimischen?
2 Antworten
this.props.navigator.push({ component: MainView, passProps: {selectedTab: 'home', message: 'this is the messages'}, }); Ist dies der einzige Weg, um die redirect-Seite? Das heißt, wenn die Bedingung Treffer, ich Rendern möchten anderen Seite, was ist der richtige Weg zu
Reagieren: Kann ich überprüfen, ob ein Staat existiert, bevor das rendering
2 Antworten
Ich bin neu, um zu Reagieren und ich habe eine Navigationsleiste, die zeigt die Benutzer-name Benutzer - <NavItem eventKey={4} href="#">{this.state.name}</NavItem> aber das problem ist wenn der Benutzer nicht angemeldet ist, bekomme ich eine Fehlermeldung.Zustand.name wird nicht definiert.
Wie Komponenten können entfernen/löschen Sie sich selbst aus dem DOM?
2 Antworten
Sagen wir, ich habe ein Folgendes JSX-code: var List = React.createClass({ render: function() { var Items = this.props.data.map(function(item) { return ( <Item key={item.id}> {item.text} </Item> ); }); return ( <div className="items"> {Items} </div> ); } }); var
wie zu entfernen / unmounten geschachtelte Komponenten reagieren
2 Antworten
Möchte ich Sie zum aufheben der Bereitstellung eines einzelnen reagieren Komponente, die gehört zu einer übergeordneten Komponente enthält drei Komponenten insgesamt. Die übergeordnete Komponente hat dieses render-Funktion: render: function () { return ( <div className={classes}> <Navbar ref="navbar"/>
ReactJS: Wie, um zu bestimmen, wenn die Anwendung angezeigt wird, die auf mobilen oder desktop-browser
2 Antworten
In ReactJS, gibt es eine Möglichkeit, um zu bestimmen, wenn die website betrachtet wird, die auf mobilen oder desktop? Weil, je nachdem welches Gerät ich möchte zu erbringen verschiedene Dinge. Danke InformationsquelleAutor | 2016-09-11
Dynamische tabIndex-Attribut in JSX + Reagieren
2 Antworten
Wie würde ich die tabIndex-Attribut auf einen Reagieren Komponente bedingt, die in der gleichen Weise, sagt, dass das "disabled" - Attribut gesetzt ist? Ich muss in der Lage sein, um den Wert zu setzen und/oder entfernen Sie
Laden Sie eine ReactJS Objekt als Datei
1 Antworten
Ich bin mit dem erstellen einer Anwendung mit ReactJS vorderen Ende, dass eine Verbindung zu einem Express-API-server. Aufrufe der API werden mit Ajax. In einem meiner Ansichten, eine Tabelle geladen, die mit "Export" - links auf jeder
So binden Sie Daten aus getJSON zu ReactJS Zustand
1 Antworten
Ich habe versucht, die Daten aus der JSON-Datei und binden Sie es an meiner Seite mit ReactJS <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Demo Fetch</title> <link rel="stylesheet" href="style.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script> <script src="js/jquery-2.1.4.min.js"></script> </head>