Tag: reactjs

Reagieren ist eine JavaScript-Bibliothek für die Erstellung von Benutzeroberflächen. Es verwendet einen deklarativen Paradigma und zielt darauf ab, sowohl effizient und flexibel.

Nicht aufrufen kann eine Klasse wie eine Funktion, Reagieren router zeigen den Fehler in der Konsole wenn ich mit es6-format

Anzahl der Antworten 3 Antworten
Im mit reagieren router-Erweiterung zu definieren, reagieren Strecken in meiner Anwendung. jedes Ding in Ordnung arbeiten, aber das Problem ist, dass wenn ich es6-syntax zu definieren Klasse App.js als index.js "nicht aufrufen kann eine Klasse wie eine

Wie stellen Sie Standard-Requisiten für die geschachtelte Form Reagieren?

Anzahl der Antworten 1 Antworten
Gibt es eine Möglichkeit in Reagieren liefern Standard-Requisiten, um ein verschachteltes array von Elementen einer bestimmten Form? Gegeben, wie das Beispiel unten mein Erster Versuch gesehen werden kann, aber dies funktioniert nicht wie erwartet. static propTypes =

SVG-Symbole mit Material-UI: wo zu finden, wie man Stil?

Anzahl der Antworten 2 Antworten
Auf http://www.material-ui.com/#/components/app-bar es sagt, dass es unter den möglichen proprerties Sie unterstützen wird "iconElementLeft ... element ... Das custom-element angezeigt werden auf der linken Seite der app-Leiste wie eine SvgIcon." Was ich jetzt nicht im Stil wie

Wie Behandeln Post-Anforderung in Isomorph Reagieren + Reagieren die Router-Anwendung

Anzahl der Antworten 1 Antworten
Ich bauen will Isomorph react + react-router Anwendung und nach ein paar Tagen googlen, jetzt kann ich erreichen isomorph Anwendung, die nur mit GET-Requests. Hier ist, was ich bisher getan habe: Server verwenden react-router um alle Anfrage

caching Problem mit der web-Anwendung entwickelt, mit reactjs & webpack

Anzahl der Antworten 3 Antworten
Arbeite ich an einer web-Anwendung entwickelt, mit reactjs und webpack. Nach jedem deployment, müssen wir uns Fragen, Benutzern das löschen des browser-cache und starten Ihren Browser. Ich denke, dass die javascript-bundle-Datei und css-Datei immer zwischengespeichert, die auf

So erzeugen Sie sitemap reagieren mit router

Anzahl der Antworten 3 Antworten
Ich versuche, herauszufinden, wie die dynamische Erzeugung von XML-sitemap in reactJS server-Seite (ausdrücklichen) web-app. Ich bin mit router reagieren. Wie detailliert müssen Sie Ihre sitemap zu werden? Und ich nehme an, die XML ist in Ordnung? InformationsquelleAutor

Reagieren Komponente warten für erforderliche Requisiten zu Rendern

Anzahl der Antworten 1 Antworten
Ich bin der Deklaration einer Komponente innerhalb der übergeordneten Komponente. Ich möchte spezifische Requisiten in einer Datei, und dann in der übergeordneten Komponente, ich möchte in der Lage, die anderen Requisiten, die für die untergeordneten Komponenten alle

AutoVervollständigen für html-tags in den jsx (sublime text)

Anzahl der Antworten 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 wählen Sie mit Wert null

Anzahl der Antworten 2 Antworten
Ich habe den folgenden code als Teil meiner Reagieren Komponente: <select className="input form-control" onChange={this.onUserChanged} value={task.user_id}> <option value=''></option> {this.renderUserOptions()} </select> Wenn Sie die Aufgabe.user_id is null auf das erste rendering der Komponente, die Sie wählen, wird richtig angezeigt

Nennen Sie 2 Funktionen im onChange-event

Anzahl der Antworten 3 Antworten
Ich bin ein bisschen festgefahren mit meiner Komponente, muss ich anrufen onChange von Requisiten, so dass <input type="text" value={this.state.text} onChange={this.props.onChange} /> aber auch eine andere Funktion aufrufen, die innerhalb der Komponente aufgerufen handleChange() dass updates der Staat.text,

React.JS diese.Zustand ist undefiniert

Anzahl der Antworten 2 Antworten
Momentan habe ich diese Komponente in React.JS die zeigt alle Bilder an übergeben, um es in ein array und onMouseOver es zeigt die Schaltfläche unten. Ich wollte mit setState zum überprüfen der variable schweben, wenn es wahr

JSX Karte nur das erste Objekt im array

Anzahl der Antworten 2 Antworten
Ich bin neugierig, wie Sie nur leisten, das erste Objekt in einem array mit .map in JSX. {this.state.data.map(data => <span className="fooBar"> <a href={data.foo}>{data.bar}</a> </span> )} Danke! InformationsquelleAutor Samantha Ingram | 2016-05-26

reactjs beweglicher und skalierbarer Komponenten

Anzahl der Antworten 3 Antworten
den letzten paar Stunden, die ich habe versucht, die Suche nach einem Weg, um ein reagieren Komponente verschiebbare und veränderbare. Ich habe einen Weg gefunden, es zu machen, ziehbar mit reagieren drag-and-drop, aber ich kann nicht finden

Wie kann ich verhindern, Reagieren, trennen/Zusammenbau eine Komponente?

Anzahl der Antworten 3 Antworten
Ich bin mit react-router und react-redux. Ich habe zwei Wege, wie diese: <Route path='/edit' component={ EditNew } /> <Route path='/edit/:id' component={ EditDraft } /> wo EditNew und EditDraft sind Daten-Bereitstellung von Containern, wickeln Sie ein Editor -

Reagieren-Router: Holen Sie sich alle Routen als array

Anzahl der Antworten 3 Antworten
Gibt es eine Bibliothek, die meiner route-Instanz in ein array von Pfaden? Beispiel: <Route path="/" component={App}> <Route path="author" component={Author}> <Route path="about" component={About}/> </Route> <Route path="users" component={Users} /> </Route> Ausgabe ['/', '/author', '/author/about', '/users'] Ich könnte schreiben, eine

Reagieren tutorial - wie fange ich an den node-server für eine reactJs Anwendung?

Anzahl der Antworten 5 Antworten
Ich bin gerade erst dem react.js tutorial, ich habe die Dateien heruntergeladen und dann hat es erwähnt: "Folgen Sie Ihren Fortschritt durch die öffnung http://localhost:3000 in Ihrem browser (nach dem starten des Servers). " Ich weiß, das

Reagieren-native: Super-Ausdruck muss entweder null sein oder eine Funktion, die nicht undefined

Anzahl der Antworten 4 Antworten
Ich habe ähnliche Fragen gestellt, aber ich kann nicht scheinen, um zu erkennen das problem. Ich bin mit react native v 0.27 Ich habe alles geändert, mein verlangen-Methoden in Importe. Hier ist die Fehlermeldung die ich erhalte:

Wie öffne ich reagieren-native dev-Menü auf einem echten Gerät

Anzahl der Antworten 5 Antworten
Habe ich gesehen, bereits eine Reihe von Grenz Fällen und strange-Entwickler-Schnittstelle. Aus der "schütteln Sie Ihr Gerät", das ist wirklich unpraktisch, speziell mit einem tablet Zu arbeiten rund um Android studio zu simulieren-Taste drücken. Gibt es eine

react.js Ersetzen Sie img src onerror

Anzahl der Antworten 15 Antworten
Ich habe einen reagieren Komponente, ist der detail-Ansicht aus einer Liste. Ich versuche, ersetzen Sie das Bild mit einem Standard-Bild, wenn das Bild nicht vorhanden ist und es wird ein 404-Fehler. Ich würde normalerweise verwenden Sie die

Reactjs verspricht, wie sollte man es verwenden?

Anzahl der Antworten 2 Antworten
Ich ve wurde Lesen eine Menge über Reagieren in den letzten 3 Tagen, aber ich sehe nicht viel Informationen über die Nutzung verspricht, so habe ich diese Sorge. Gibt es eine Bibliothek dafür? Wie soll ich Versprechen

Redux-Router - "Versand ist nicht definiert"

Anzahl der Antworten 1 Antworten
Ich habe eine einfache Komponente, die fordert, eine Aktion auszuführen, wenn ein Benutzer lädt eine Seite, und im inneren dieser Aktion, ich versuche, die Versand-eine weitere Aktion der loggedIn Staat, der den laden auf true oder false:

Reagieren componentDidMount vs getInitialState

Anzahl der Antworten 3 Antworten
Ich habe einige Fragen zu reagieren, die Nutzung und mustern. Sollte ich componentDidMount oder getInitialState beim laden der Daten asynchron? Was ist der Unterschied zwischen den beiden? Ich bin mit Rückgrat für meine frontend-Daten-Strukturen this.props.data = new

Kann ein reagieren Komponente haben mehrere Bereiche für Kind Inhalt?

Anzahl der Antworten 3 Antworten
Sagen wir, ich habe eine einfache reagieren Komponente: import React from 'react'; import styles from "./index.css"; export default React.createClass({ render: function() { return ( <header className={styles.root}> //area for child content {this.props.children} </header> ); } }); Nehmen wir

Scrollbare div-stick nach unten, wenn die äußeren div-änderungen in der Größe

Anzahl der Antworten 5 Antworten
Hier ist ein Beispiel-chat-app -> Die Idee hier ist, um die .messages-container nehmen so viel von dem Bildschirm, wie Sie können. Innerhalb .messages-container, .scroll hält die Liste der Nachrichten, und in Fall gibt es mehr Nachrichten, die

Kraft, ReactJS zu werfen echte Fehler, wenn propTypes Validierung fehlschlägt?

Anzahl der Antworten 2 Antworten
Derzeit, wenn propType Validierung fehlschlägt, ReactJS verwendet console.warn um eine Warnung ausgeben. Ich wirklich, wirklich wollen, ein echter Fehler in der dev-Modus, also kann es nicht unser continuous integration aufbauen, anstatt nur drucken einer Nachricht, die möglicherweise

Ist componentDidMount Eltern aufgerufen, nachdem alle componentDidMount der Kinder?

Anzahl der Antworten 1 Antworten
Ich habe den code unten in meiner Darstellung von übergeordneten <div> { this.state.OSMData.map(function(item, index) { return <Chart key={index} feature={item} ref="charts" /> }) } </div> Und folgenden code in meine child-Diagramm <div className="all-charts"> <ChartistGraph data={chartData} type="Line" options={options} />

Wie kann ich erklären, ein PropType entsprechend eine null-Nummer?

Anzahl der Antworten 4 Antworten
Ich bin auf der Suche nach einem PropType das bedeutet, dass "dies ist erforderlich, und es wird entweder eine Zahl oder null sein" In anderen Worten, was ich jetzt haben, ist PropTypes.number.isRequired aber das wirft eine Warnung,

React.js Dateien syntax in sublime text 3

Anzahl der Antworten 3 Antworten
bin ich mit sublime text 3 als mein code-editor,die ich geschrieben habe, ein basic-Beispiel "hello world" in zu Reagieren.aber die Färbung ist unanständig, auf den code ,ich habe versucht, die Installation von Babel-plugin aber auch nach, dass

Reagieren ignoriert 'für' - Attribut des label-Elements

Anzahl der Antworten 5 Antworten
In Reagieren (Facebook ' s framework), ich brauche zum Rendern ein label-element gebunden, um eine text-Eingabe mit dem standard - for Attribut. z.B. die folgenden JSX verwendet: <label for="test">Test</label> <input type="text" id="test" /> Jedoch, dies erzeugt HTML-fehlen

Modul Build Failed - Webpack, Reagieren, Babel

Anzahl der Antworten 2 Antworten
Ich war nach einem video-tutorial von plural Anblick. Natürlich name ist "Building a Real-time-App mit React, Flux, Webpack, und Feuerstellung". Bitte sehen Sie die untenstehenden code und angehängten screen-shot von dem Problem, das ich habe. Webpack ist

Angular.js vs React.js mit php-mvc (Laravel)

Anzahl der Antworten 1 Antworten
Ich weiß, was angular.js und ich hatte sogar eine Frage @Warum AngularJs im frontend, wenn Laravel bereits als backend?. aber vor kurzem ich begann zu Lesen über React.js und von seiner Website (seinen das V in MVC),

Reagieren Native: Wie setzen Sie DatePickerAndroid?

Anzahl der Antworten 4 Antworten
Entsprechend der RN docs, müssen Sie rufen Sie einen der async/await-Funktion zum öffnen der Android-Datum-Picker. Ich habe versucht, die Installation des Asynchronen Generators transformieren Babel preset und hinzufügen .babelrc-Datei mit { "plugins": ["transform-async-to-generator"] } aber das scheint

Reagieren-router nicht angezeigt-Komponente

Anzahl der Antworten 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

Reagieren-intl multi-language-app: änderung-Sprachen und übersetzungen-Speicher

Anzahl der Antworten 2 Antworten
Habe ich darauf reagiert-router-app und möchte hinzufügen: i18n. In reagieren-intl Beispiel root-Komponente verpackt in IntlProvider: ReactDOM.render( <IntlProvider locale="en"> <App /> </IntlProvider>, document.getElementById('container') ); Aber es ist nur ein locale (Spracheinstellung). So aktualisieren Sie die app für das

ReactJS Aktualisierung ein einzelnes Objekt im inneren eines Staates array

Anzahl der Antworten 3 Antworten
Ich habe einen Staat namens this.state.devices was ist ein array von device Objekte. Sagen, dass ich eine Funktion updateSomething: function (device) { var devices = this.state.devices; var index = devices.map(function(d){ return d.id; }).indexOf(device.id); if (index !== -1)

ReactRouter "bei änderung" - Ereignis?

Anzahl der Antworten 4 Antworten
Möchte ich die Installation eines analytics-handler auf meinem single-page-app und würde gerne erfassen alle Routen ändern, unter der Hauptroute. Ich erkenne, dass ReactRouter bietet eine onEnter Ereignisses auf der route an, aber dies würde von mir verlangen,

Reactjs - Objekt-Orientiert?

Anzahl der Antworten 2 Antworten
Bin ich angefangen zu verwenden, Reactjs, und kommen aus einem OO (Java) im hintergrund war ich gespannt, ob wir verwenden können, Reagieren in einer echten Objekt-Orientierte Mode mit echter Vererbung und Komposition. USE-CASE: Wir schaffen Reagieren-Komponenten in

wie play/pause video in Reagieren, ohne externe library?

Anzahl der Antworten 2 Antworten
Habe ich ein video-tag () in meine Webseite, und eine "play/pause" - Taste, wenn der Benutzer darauf klickt, wird das video startet/Stoppt die Wiedergabe . Wie kann ich also reagieren, wenn ich bin nicht erlaubt die Verwendung

Wie, um Zugriff auf die untergeordneten Funktionen der Komponente über refs

Anzahl der Antworten 3 Antworten
Den docs für Reagieren Zustand, dass die Funktionen der Komponente zugegriffen werden kann, von einer übergeordneten Komponente über refs. Siehe: https://facebook.github.io/react/tips/expose-component-functions.html Ich bin versucht, diese in meiner Anwendung, sondern laufen in einem "undefined ist nicht eine Funktion"

Maximum call stack überschritten Fehler in ReactJS. Kann mir jemand erklären, was Los ist??? (Snippet auf JSFiddle)

Anzahl der Antworten 3 Antworten
Ich bin neu ReactJS und versuchte, meine Hände auf ein einfaches Projekt. Im Grunde, das snippet erstellen Sie eine Liste von Freunden aus einem array und gibt die Gesamtzahl der Freunde. Aus irgendeinem Grund, ich bemerkte, dass

Wie die reagieren,-Muttersprachler Picker Aufenthalt im neu gewählten option?

Anzahl der Antworten 2 Antworten
Habe ich ein picker, ich bin testing auf iOS jetzt mit zwei Optionen. Jedes mal, wenn ich nach unten ziehen aus der ersten option auf die zweite option, der Kommissionierer sofort wieder auf die erste option. Dies

Hinzufügen Grenze nur auf einer Seite <Text/> Komponente Reagieren Native (iOS)

Anzahl der Antworten 2 Antworten
Ich bin vor etwas seltsames Problem mit Reagieren-Native <Text/> Komponente in iOS. Wollte ich anwenden borderBottomWidth Stil in <Text/> Komponente, aber es hat NICHT funktioniert. Jedoch, die borderWidth option gearbeitet. Gearbeitet <Text style={{borderWidth:1}}> React Native </Text> NICHT

erstellen Sie timer mit react native Verwendung von es6

Anzahl der Antworten 3 Antworten
Ich bin auf der Suche hinzufügen, einen timer, um meine app, die aufgebaut ist mit react native. Ich habe mir den link zu der timer-mixin in der Dokumentation allerdings habe ich gebaut, der rest der app mit

Reagieren-Dropzone-Vorschau nicht angezeigt

Anzahl der Antworten 3 Antworten
Verwendung reagieren-dropzone (https://www.npmjs.com/package/react-dropzone) und abrufen von Dateien-Protokollierung auf der Konsole, aber keine Bildvorschau zu füllen, auf Status ändern. Keine Ahnung, was ich falsch mache? export default class JoinForm extends Component { constructor(props) { super(props) this.state = {

Wie JQuery mit ReactJS

Anzahl der Antworten 5 Antworten
Ich bin neu ReactJS. Früher habe ich verwendet jQuery, eine beliebige animation oder Spielfilm, die ich brauchte. Aber jetzt bin ich versucht zu verwenden, ReactJS und minimieren Sie die Verwendung von jQuery. Mein Fall ist: Ich versuche

React Native - __ - DEV - __ ist nicht definiert

Anzahl der Antworten 5 Antworten
Habe ich eine [email protected] Projekt. Ich habe gelöscht, den node_modules-Ordner und nachdem ich die folgenden Befehle: npm i react-native upgrade aber ich bekomme diese Fehlermeldung: react-native.js:15 ReferenceError: __DEV__ is not defined Wie kann ich das beheben? Ich

Reagieren - setState() auf unmontierten Bauteil

Anzahl der Antworten 6 Antworten
In meine reagieren Komponente im Versuch, implementieren Sie einen einfachen spinner, während eine ajax-Anfrage ist in Bearbeitung - im Einsatz von state zu speichern, die den lade-status. Für einige Grund, dieses Stück code unten in meine Reagieren

Können eckige und reagieren zusammen spielen?

Anzahl der Antworten 6 Antworten
Ich wirklich bin kommen Liebe kantig, aber reagieren ist immer eine Menge Aufmerksamkeit. Sind Sie wirklich gegensätzliche Kräfte? Ist es eine gute Idee, zu reagieren und Winkel zusammen? Könnte Ich? Sollte Ich? Was sind die vor-und Nachteile

Wie die reagieren, router funktionieren mit statischen Elemente, html5-Modus, history-API und verschachtelte Routen?

Anzahl der Antworten 4 Antworten
Dachte ich, ich beginnen zu verstehen, Reagieren-Router, aber ich traf eine neue Wand, beim hinzufügen einer Bibliothek lädt, die css für deren Komponenten. Funktioniert alles wunderbar, wenn ein navigieren aus meiner Heimat, auf der Seite mit der

Reagieren: Wie Sie hören, Kind Komponente Ereignisse

Anzahl der Antworten 1 Antworten
Ich habe eine Komponente, sagen wir, es enthält ein Formular. Die form mit untergeordneten Komponenten, die im wesentlichen UI-widgets für die Ausgabe von text ein, und wählen Sie Menüs. Wählen Sie die Menü-Komponenten sind ein wenig Phantasie