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.
So stellen Sie Reagieren auf Produktionsmodus ein, wenn Sie Gulp verwenden
5 Antworten
Muss ich laufen, Reagieren in der Produktion-Modus, was vermutlich bedeutet, definieren die folgenden irgendwo in der Umwelt: process.env.NODE_ENV = 'production'; Das Problem ist, dass ich diese Zeit hinter Tornado (ein python-web-server), nicht Node.js. Ich benutze auch Supervisord
React setState wird nicht sofort aktualisiert
8 Antworten
Arbeite ich eine todo-Anwendung. Dies ist eine sehr vereinfachte version von den fehlerhaften code. Ich habe eine checkbox: <p><input type="checkbox" name="area" checked={this.state.Pencil} onChange={this.checkPencil}/> Writing Item </p> Hier ist die Funktion, dass Anrufe auf die checkbox: checkPencil(){ this.setState({
Ausblenden der Statusleiste mit Native React
5 Antworten
How do you hide the status bar für iOS oder Android bei der Entwicklung mit React Native? Ich habe importiert StatusBar, aber ich glaube, es ist auch StatusBarIOS und eine StatusBar für Android. InformationsquelleAutor der Frage Rheisen
Reagieren: warum die Kindkomponente nicht aktualisiert wird, wenn sich die Stütze ändert
5 Antworten
Warum in der folgende pseudo-code Beispiel Kind nicht re-Rendern, wenn die Container-änderungen foo.bar? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } Selbst
Wie erstelle ich ein React-Modal (welches an `& lt; body & gt;` angehängt ist) mit Übergängen?
8 Antworten
Es ist ein modal in dieser Antwort https://stackoverflow.com/a/26789089/883571 die eine Reagieren-basierten Modalen indem es zu <body>. Allerdings fand ich es nicht kompatibel mit dem übergang addons zur Verfügung gestellt von Reagieren. Wie man erstellen mit übergängen(beim betreten
Fenstergröße ändern - Reagieren + Redux
3 Antworten
Ich bin neu in der Redux und ich Frage mich, ob jemand einige Tipps über die besten Praktiken für die Handhabung nicht Reagieren, Veranstaltungen wie Fenster Größe ändern. In meiner Forschung, fand ich diesen link von der
Om aber in Javascript
2 Antworten
Ich bin immer ein fan von David Nolen die Om-Bibliothek. Ich bauen möchte, eine nicht allzu große web-app in unserem team, aber ich kann nicht wirklich überzeugen, meine Teamkollegen zu wechseln ClojureScript. Gibt es eine Möglichkeit, die
Wie erzwinge Aktualisierung von Single Page Application (SPA) Seiten?
5 Antworten
In komplett server-side-based rendering (ohne Web 2.0), die Bereitstellung von server-side-code würde direkt aktualisieren der client-Seite die Seiten, auf Seite neu laden. Im Gegensatz dazu Reagieren basierte Single-Page-Anwendung, auch nach Reagieren die Komponenten wurden aktualisiert, es wäre
Was ist der beste Weg, onchange-Ereignis in react js auszulösen?
8 Antworten
Verwenden wir Rückgrat + ReactJS bundle zu bauen, die eine client-side app. Stark unter Berufung auf die berüchtigten valueLink wir propagieren von Werten direkt an den Modell über das eigene wrapper unterstützt ReactJS interface für zwei-Wege-Bindung. Nun
Webpack-Optimierung mit UglifyJS-Plugin verursacht Laufzeitfehler
3 Antworten
Habe ich ein isomorph Reagieren-Anwendung, die gebündelt über webpack. Habe ich 2 Eintrag entsprechenden Punkte 2 gebündelt-Datei Ausgänge: vendors.js und app.js. Beim ausführen des webpack-dev-server oder beim kompilieren ohne Optimierungs-flags, funktioniert alles einwandfrei. Allerdings, sobald ich versuche,
ReactJS ruft die Elternmethode auf
2 Antworten
Mache ich meinen ersten Schritt in ReactJS und versuchen zu verstehen, die Kommunikation zwischen Eltern und Kindern. Ich mache form, also ich habe die Komponente für styling-Felder. Und auch ich habe die parent-Komponente, enthält Feld und überprüft
Nach dem Aktualisieren von Requisiten ist this.props immer === nextProps / prevProps
5 Antworten
Habe ich eine jsbin für dieses Problem hier: http://jsbin.com/tekuluve/1/edit In einem onClick-Ereignis ich bin das entfernen ein element aus der Modell-und re-rendering der app. Aber seltsam, in componentWillReceiveProps() (und componentWillUpdate, und componentDidUpdate auch), nextProps ist immer ===.Requisiten,
Verwenden von React-Router mit einer Layoutseite oder mehreren Komponenten pro Seite
2 Antworten
Ich bin das hinzufügen reagieren-router zu einem bestehenden Projekt. Derzeit ein Modell übergeben, um eine root-Komponente, die enthält eine Navigations-Komponente für die sub-navigation und eine Haupt-Komponente. Beispiele reagieren, router, den ich gefunden habe, haben nur eine untergeordnete
Gibt es einen JSX-Formatierer für erhabenen Text?
7 Antworten
Bin ich mit Sublime Text als Texteditor. Gibt es eine jsFormat für die Formatierung von javascript-Dateien, aber ich kann nicht finden, eine für JSX. Wie Sie die Jungs befassen sich mit formatieren JSX? InformationsquelleAutor der Frage fin
Wie kann ich auf einen Hover-Status in reactjs zugreifen?
2 Antworten
Ich habe eine sidenav mit einer Reihe von basketball-teams. Also ich würde gerne die Anzeige etwas anders für jedes team, wenn einer von Ihnen wird mit der Maus auf. Auch ich bin mit Reactjs also hätte ich
Verwenden von for-Schleifen und Wechseln von Fällen in React, um verschiedene Komponenten dynamisch zu rendern
5 Antworten
Ich versuche zu Rendern Komponenten bedingt mit switch case in React JSX. Ich bin versucht, etwas zu bauen, liest aus einem bestimmten json-Struktur-Daten und rendert Sie. Da es viele verschiedene Komponenten und Daten, bin ich versucht zu
Konstruktor vs. KomponenteWillMount; Was kann ein ComponentWillMount tun, was ein Konstruktor nicht kann?
1 Antworten
Soweit ich sehen konnte, das einzige, was ein componentWillMount tun können, und ein constructor nicht zu nennen setState. componentWillMount() { setState({ isLoaded: false }); } Da haben wir nicht render noch ein setState im componentWillMount bereiten den
ReactJS: Wie kann auf Refs der Kindkomponente zugegriffen werden?
3 Antworten
Schreibe ich den code in CoffeeScript da ich habe das schreiben Reagieren. Hier ist die grundlegende Struktur. { div, input } = React.DOM Outer = React.createClass render: -> div { id: 'myApp' }, Inner() Inner = React.createClass
'React' muss im Bereich sein, wenn JSX react / react-in-jsx-scope verwendet wird?
2 Antworten
Ich bin ein Angular-Entwickler und neues zu Reagieren , Das ist einfach reagieren Komponente, aber nicht arbeiten import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props);
Was ist das '@' (am Symbol) im Redux @connect Dekorator?
2 Antworten
Ich Lerne Redux mit Reagieren und stolperte über diesen code. Ich bin nicht sicher, ob es Redux spezifische oder nicht, aber ich habe den folgenden code-snippet, das in einem der Beispiele. @connect((state) => { return { key:
Ordnungsgemäße Navigation mit React Native, Redux und Navigator
4 Antworten
Ich habe einen Reagieren Nativen app mit der Redux-framework, und ich bin mit der Navigator-Komponente zu handhaben navigation. Ich hatte ein wenig Mühe, die navigation funktioniert und ich bin nicht in der Lage zu finden, eine gute
Strategien für das serverseitige Rendern asynchron initialisierter React.js-Komponenten
5 Antworten
Einer der größten Vorteile von React.js soll server-side-rendering. Das problem ist, dass die Funktion der Taste React.renderComponentToString() ist synchron, was es unmöglich macht mit dem laden von asynchronen Daten, wie die Hierarchie auf dem server gerendert wird.
'Symbol' ist in IE nach der Verwendung von babel nicht definiert
4 Antworten
Ich habe eine reactjs app geschrieben, mit ES6-standards, und ich benutze webpack zu bauen. Die webpack lädt die js Module mit babel-loader. Um genau zu sein, ich verwende die folgenden Versionen: ├── [email protected] ├── [email protected] ├── [email protected]
Mit gulp-browserify für meine React.js-Module bekomme ich "require is not defined" im Browser
6 Antworten
Ich versuche, Schluck-browserify zu generieren bundle.js die Datei, die aufgenommen werden können, um die client-browser und beginnen rendering-Komponenten Reagieren. Hier ist meine App.js Datei: /** @jsx React.DOM */ var React = require('react'); var App = React.createClass({ render:
reactive-native this.setState funktioniert nicht
3 Antworten
Ich weiß, es gibt schon eine ähnliche Frage aber da ist kein code freigegeben. Unter navbarChanged() > wenn Bedingung, ich mache eine this.setState. Dies ist der Typ HomeTab aber setState scheint nicht zu funktionieren. Irgendwelche Hinweise/Hinweise? class
Fehler bei Basic React Beispiel: Uncaught TypeError: undefined ist keine Funktion
8 Antworten
Ich versuche, reagieren mit in meine app. Seine eine rails-app mit Schienen-reagieren (obwohl ich nicht glaube, dass das ein Teil des Problems). Ich bin derzeit mit einem sehr einfachen 1-Komponenten-setup: //react_admin.js.jsx /** @jsx React.DOM */ var CommentBox
Wofür steht JSX?
3 Antworten
Was hat JSX? Ich beziehe mich auf den JSX, definiert eine XML-syntax Erweiterung von ECMAScript, die ziemlich populär geworden ist mit der zunehmenden Beliebtheit von ReactJS. InformationsquelleAutor der Frage user2977636 | 2016-09-13
ReactJS Unterschied zwischen Stateful und Stateless
2 Antworten
Ich versuche zu verstehen, der genaue Unterschied zwischen Reagieren die zustandsbehaftete und zustandslose Komponenten. Ok, zustandslose Komponenten, die nur etwas tun, aber sich an nichts erinnern, während stateful Komponenten können das gleiche tun, aber Sie erinnere mich
Bearbeiten einer umfangreichen Datenstruktur in React.js
3 Antworten
Ich bin versucht, zu erstellen eine einfache grid-basierter editor für eine Daten-Struktur und ich bin mit ein paar konzeptionelle Probleme mit React.js. Ihre Dokumentation ist nicht sehr hilfreich auf diese, so dass ich bin der Hoffnung hier
Mehrere verschachtelte Routen in react-router-dom v4
5 Antworten
Brauche ich mehrere verschachtelte Routen reagieren-router-dom Ich bin mit v4 zu reagieren-router-dom Hab ich meine import { BrowserRouter as Router, Route } from 'react-router-dom'; brauchen und ich die Komponenten zum Rendern wie so --- Login --- Home
Big List Performance mit React
7 Antworten
Ich bin in den Prozess der Umsetzung einer filterbaren Liste mit Reagieren. Die Struktur der Liste ist wie im Bild unten gezeigt. PRÄMISSE Hier ist eine Beschreibung, wie es funktionieren soll: Der Staat befindet sich in der
Wie erzwinge Remounting auf React-Komponenten?
3 Antworten
Können sagen, ich habe eine view-Komponente, die eine bedingte render: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason" name="unemployment-reason" /> <MyInput ref="unemployment-duration" name="unemployment-duration" />
Verhindern Sie, dass die react-Komponente bei der Verwendung von redux mit componentWillMount zweimal gerendert wird
3 Antworten
Ich habe einen Reagieren Komponente löst ein redux Zustand zu ändern, in seiner componentWillMount Funktion. Der Grund dafür ist, dass, wenn die Komponente geladen wird, die es braucht, um die id aus der url (powered by react-router),
Warum brauchen wir eine Einseitenanwendung?
1 Antworten
Den Single-Page-Anwendung (SPA) zu uns gekommen. Viele neue Dinge kommen mit ihm auch, wie Routing, Seite-life-cycle-bei client-side MVC-pattern MVVM-Muster, MV* pattern,... und einige Javascript-Muster auch zu uns kommen, wie AMD-MusterSingletonFassade,.. Viele SPA-frameworks und-Bibliotheken entwickelt wurden. Wir finden
Router reagieren - Verschachtelte Routen funktionieren nicht
3 Antworten
Mein Ziel ist es, http://mydomain/route1 Rendern Reagieren Komponente Component1 und http://mydomain/route2 Rendern Component2. So, ich dachte es ist natürlich, zu schreiben, die Routen wie folgt: <Route name="route1" handler={Component1}> <Route name="route2" handler={Component2} /> </Route> <DefaultRoute name="home" handler={Home} />
Wie konfiguriere ich ESLint für React at Atom Editor
5 Antworten
In Atom-Editor installierte ich folgende plugins linter linter-eslint Es scheint, dass Sie nicht erkennen, die JSX syntaxis. Ich habe es die Arbeit auf der Kommandozeile, aber hatte andere plugins wie esprima-fb und eslint-plugin-react. Sieht aus wie es
Warum Redux über Facebook Flux verwenden?
7 Antworten
Habe ich gelesen diese AntwortReduzierung boilerplatesah paar GitHub Beispiele und versuchte sogar wiedermal ein wenig (todo-apps). So wie ich das verstehe, offizielle redux doc Motivationen bieten Vorteile im Vergleich zu traditionellen MVC-Architekturen. ABER es funktioniert nicht bieten
Programmgesteuert mit dem reaktiven Router V4 navigieren
13 Antworten
Habe ich einfach ersetzt react-router von v3 zu v4. Aber ich bin nicht sicher, wie Sie programmgesteuert navigieren Sie in der member-Funktion einer Component. ich.e in handleClick() Funktion möchte ich navigieren Sie zu /path/some/where nach der Verarbeitung
Strukturieren von Redux-Komponenten / Containern
5 Antworten
Bin ich mit redux und ich bin mir nicht sicher, wie organisieren meine Komponenten, ich denke, am besten ist es halten Sie in Ordnern mit den Namen der wichtigsten Komponente, wie der name des Ordners, und alle
Wie kann man auf ein DOM-Element in React zugreifen? Was ist das Equivalent von document.getElementById () in React
3 Antworten
Wie wähle ich bestimmte bars in react.js? Dies ist mein code: var Progressbar = React.createClass({ getInitialState: function () { return { completed: this.props.completed }; }, addPrecent: function (value) { this.props.completed += value; this.setState({ completed: this.props.completed }); },
Verschachtelte Redux-Reduzierstücke
4 Antworten
Ist es möglich, zu kombinieren Reduzierstücke, die Ineinander verschachtelt sind mit der folgenden Struktur: import 'user' from ... import 'organisation' from ... import 'auth' from ... //... export default combineReducers({ auth: { combineReducers({ user, organisation, }), auth,
Wie kann ich ein div scrollen, um in ReactJS sichtbar zu sein?
5 Antworten
Ich habe eine popup-Liste, die ist ein div enthält eine vertikale Liste von Kind divs. Ich habe oben/unten die navigation mit der Tastatur zu ändern, das Kind ist zurzeit hervorgehoben wird. Jetzt, wenn ich drücken Sie die
Komponenten in ReactJS anzeigen / ausblenden
2 Antworten
Wir haben erlebt einige Probleme mit jetzt reagieren, aber es irgendwie Furunkel zu einem Teil, wie wir bereits reagieren. Wie sollten wir zeigen/ausblenden von Kind-Komponenten? Dies ist, wie wir programmiert haben (dies sind nur Ausschnitte von unserer
Wie können Django und ReactJS zusammenarbeiten?
5 Antworten
Neues zu Django und auch neuere, ReactJS. Ich habe auf der Suche in AngularJS und ReactJS, entschied sich aber auf ReactJS. Es schien Kanten aus AngularJS, soweit Popularität trotz AngularJS, die mehr von einem Marktanteil, und ReactJS
Übergeben Sie Reacts an die übergeordnete Komponente in React.js
6 Antworten
Gibt es nicht einen einfachen Weg, um pass eines Kindes props seiner Eltern durch Veranstaltungen, in React.js? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { //event.component.props
Webpack, wie man Produktionscode erstellt und wie man es benutzt
8 Antworten
Ich bin ganz neu webpack, fand ich, dass in den Aufbau der Produktion können wir in der Lage, um die Größe der Gesamt-code. Derzeit webpack baut um 8MB-Dateien und main.js rund 5 MB. Wie reduziert man die
Wie übergibt der react-router Params über Requisiten an andere Komponenten?
1 Antworten
So weit, den Umfang meiner Kenntnisse über die Eigenschaften bestanden aus einem Bauteil zu einem anderen über Parameter ist wie folgt //start: Umfang meines Wissens Angenommen, es gibt eine state variable mit dem Namen topic im A.
Wie namespace es6-Klassen (für React-Komponenten)
3 Antworten
Dies ist Teil ES6 Frage Teil Reagieren Frage. Ich versuche, Namespace-Komponenten in Reagieren mit ES6-Klassen und Babel. Also ich denke, die eigentliche Frage ist, wie die name-space-es6-Klassen, so kann ich tun, was hier erklärt wird: https://facebook.github.io/react/docs/jsx-in-depth.html#namespaced-components Seit
Client-Routing (mithilfe von react-router) und serverseitiges Routing
2 Antworten
Ich habe darüber nachgedacht und ich bin verwirrt mit dem routing zwischen Client und Server. Angenommen, ich benutze ReactJS für server-side-rendering werden vor dem Absenden der Anfrage wieder an den browser und verwenden Sie reagieren-router als client-side-routing,
Reagieren Sie Projekt in Visual Studio 2017
2 Antworten
Möchte ich entwickeln Reagieren-Anwendung in Visual Studio 2017 neben meinem .NET-Anwendung (in der gleichen Lösung). Ich bin mit Typoskript, so möchte ich ein Projekt geben, wo kann ich anpassen das bauen (ich will webpack Projekt usw, also