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() {
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 ()
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
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:
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"/>
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
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
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.
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
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":
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
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
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
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/>; } });
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 =
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'
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
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')}>
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
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
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
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
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
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
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
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
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,
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
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
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
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
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.
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
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
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
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
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
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
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
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.
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 =
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
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
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.
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
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"/>
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
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
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
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>