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.
5
Antworten
Sah ich einen Reagieren dev talk im http://www.youtube.com/watch?v=x7cQ3mrcKaY und der Sprecher erwähnte, das dirty-checking des Modells kann langsam sein. Aber nicht die Berechnung der diff zwischen virtuellen DOMs eigentlich auch weniger performant, da der virtuelle DOM, in
4
Antworten
Ich habe eine reagieren-redux-container-Komponente, die erstellt wird, innerhalb Reagieren Native Navigator-Komponente. Ich möchte in der Lage sein, um übergeben Sie den navigator als requisite, um diese container-Komponente, so dass, nachdem ein Knopf gedrückt, der in seinen Präsentations-Komponente
11
Antworten
In meine Komponente ist die render-Funktion habe ich noch: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ... </div> );
6
Antworten
Ich Baue eine app, die verfügbar sein müssen, in mehreren Sprachen. Meine Frage ist nicht rein technisch, sondern eher um die Architektur, und die Muster, die Menschen sind tatsächlich in der Produktion, um dieses problem zu lösen.
3
Antworten
Was sind die besten Methoden für Berechtigungsprüfung vor, um eine Komponente zu besteigen? Benutze ich reagieren-router 1.x Hier sind meine Routen React.render(( <Router history={History.createHistory()}> <Route path="/" component={Dashboard}></Route> <Route path="/login" component={LoginForm}></Route> </Router> ), document.body); Hier ist mein Dashboard-Komponente:
1
Antworten
Ich habe vor kurzem die ersten Schritte mit reagieren. Meine index.html enthält <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="%PUBLIC_URL%/favicon.ico"> <title>React App</title> </head> <body> <div id="root"></div> </body> </html> und index.js enthält import
7
Antworten
Es gibt eine Menge Gerede über die neueste Kind in der redux Stadt jetzt, redux-saga/redux-saga. Es nutzt generator-Funktionen für das hören/Versand-Aktionen. Bevor ich wickeln Sie meinen Kopf herum, ich würde gerne wissen, die vor - /Nachteile der
3
Antworten
Reagieren Die Entwickler-Tools geben viel macht zu inspizieren, Reagieren Komponente Baum und Blick auf Requisiten, event-Handler, etc. Aber was ich wirklich mag zu tun ist, um in der Lage zu inspizieren, um diese Datenstrukturen in der browser-Konsole.
5
Antworten
Warum haben wir beide state und props? Warum nicht, wir haben nur eine Quelle von Daten? Ich möchte für das update einer Komponente props und haben es re-Rendern selbst und alle seine Kinder. Scheint einfach, aber ich
2
Antworten
In meine Reagieren Native app, ich habe eine situation, wo ein Kind von einer Komponente, die ich render erhalten entweder eine grüne oder rote borderColor. Nun, ich don ' T wollen, erstellen Sie zwei separate Einträge in
13
Antworten
ich bin gerade erst mit Reactjs und war das schreiben eine einfache Komponente zur Darstellung li tag und kam über diesen Fehler: Unexpected token '<' Habe ich das Beispiel auf jsbin unten http://jsbin.com/UWOquRA/1/edit?html,js,Konsole,Ausgabe Bitte lassen Sie mich
3
Antworten
Ich bin ein Neuling auf React.js und ich bin stark versucht, zu verstehen, verschiedene Methoden zu reagieren lifecycle-Methoden. So weit, ich habe noch etwas, das mich verwirrt: 1) Soweit mein Verständnis, der Unterschied zwischen componentWillUpdate und componentWillReceiveProps
7
Antworten
Habe ich var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); Ich möchte die Hintergrundfarbe der angeklickten element in der Liste. Wie
1
Antworten
So wie ich das verstehe <Route path="/" component={App} /> gibt App routing-Verwandte Requisiten wie location und params. Wenn meine App Komponente hat viele geschachtelte untergeordnete Bauteile, wie bekomme ich die Kind-Komponente, um Zugang zu diesen Requisiten ohne:
10
Antworten
Ich bauen will ein chat-system und automatisch ganz nach unten scrollen bei der Eingabe der Fenster und wenn neue Nachrichten kommen. Wie haben Sie automatisch Blättern Sie zu der Unterseite eines Containers in Reagieren? InformationsquelleAutor der Frage
2
Antworten
Vor kurzem habe ich eine vorläufige Studie über die Entwicklung einer E-commerce-Website, und entdeckt, dass redux und reflux beide kommen aus flux Architektur in Facebook und beide sind sehr beliebt. Ich bin verwirrt über den Unterschied zwischen
5
Antworten
Habe ich eine Komponente SampleComponent Reittiere anderen "angeschlossene Komponente" (d.h. container). Wenn ich versuche zu testen SampleComponent durch mounting (da Brauch ich die componentDidMount), bekomme ich die Fehlermeldung: Invariant Violation: nicht finden Konnte, "store" in entweder der
4
Antworten
Ursprünglichen Zustand in einer Redux-app kann festgelegt werden, in zwei Arten: übergeben Sie als zweites argument an createStore (docs link) übergeben Sie als erstes argument für Ihre (sub-)Reduzierstücke (docs link) Wenn Sie passieren erste Staat, um Ihr
4
Antworten
Bekam ich eine form, die verwendet wird zum Erstellen, Lesen, Aktualisieren und Löschen. Ich erstellte 3-Komponenten mit der gleichen form, aber ich gebe Sie verschiedenen Requisiten. Ich bekam CreateForm.js, ViewForm.js (readonly mit der Schaltfläche löschen) und UpdateForm.js.
2
Antworten
Ich Baue eine app Reagieren, hat, links, die auf vordefinierten Routen. <a href="/my/react/route/">Click Here</a> Die Strecken, beheben, in Ordnung, aber es ist erfrischend die Seite, damit verlangsamt die app-Leistung. Wie kann ich vermeiden, re-rendering der gesamten Seite?
5
Antworten
Vor kurzem habe ich studiert, eine Menge über die Funktionsweise und die Möglichkeiten der Nutzung der Facebook-JavaScript-Bibliothek React.js. Beim sprechen seine Unterschiede zum rest der JavaScript-Welt oft die zwei Programmier-Stile declarative und imperative sind genannten. Was ist
14
Antworten
In der aktuellen version Reagieren Router (v3), akzeptiere ich eine server-Antwort und verwenden Sie browserHistory.push zu gehen, um die entsprechenden Antwort-Seite. Dies ist jedoch nicht verfügbar in v4, und ich bin mir nicht sicher, was der geeignete
3
Antworten
Ich bin auf der Suche nach wegen zur Umsetzung infinite scrolling mit Reagieren. Ich bin gekommen, über reagieren-infinite-scroll und festgestellt, dass es ineffizient ist, wie es fügt nur Knoten in den DOM-und nicht, Sie zu entfernen. Gibt
1
Antworten
In der folgenden Beispielwenn Item 2 geklickt wird, wird Second 1 erscheint anstelle von Second 2. Warum? Wie würden Sie dieses Problem beheben? var guid = 0; class Content extends React.Component { constructor() { guid += 1;
5
Antworten
Etwas so einfaches sollte leicht geschafft, aber ich bin ziehen meine Haare über, wie kompliziert es ist. Alles was ich will zu tun ist, animieren die Montage & unmounten von einem Reagieren Komponente, das ist es. Hier
3
Antworten
Gibt es Beispiele von client-side-auth für reagieren? Ähnlich https://github.com/fnakstad/angular-client-side-auth Wenn nicht, was wäre eine gute Art das zu handhaben, rollenbasiert ein-und ausblenden bestimmter UI-innen reagieren? InformationsquelleAutor der Frage Eric | 2014-12-23
3
Antworten
Sehe ich nur die eigentliche app unter /public. Den configs in webpack.config.js unter: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js',
6
Antworten
Ich habe eine Liste von Elementen mit Noten, bestellt durch erzielt, gemacht, indem react.js als einer vertikal orientierten Liste der rechteckige Elemente (höchste Punktzahl oben). Schwebt und anderen Klicks auf die einzelnen Elemente kann ein - /ausblenden
5
Antworten
Angenommen ich habe ein Reagieren der Klasse P, welcher macht zwei Unterklassen C1 und C2. C1 enthält ein Eingabefeld. Ich werde beziehen sich auf dieses Eingabefeld als Foo. Mein Ziel ist es, dass C2 reagieren auf änderungen
4
Antworten
Ich bin mit der gleichen Komponente für drei verschiedene Routen: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Ist es eh zu kombinieren, wie: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} />
4
Antworten
Reagieren, läuft ein JS-V8-Motor zu bauen der Benutzeroberfläche in der Muttersprache. Es kann natürlich Haken in die native OpenGL-Bibliothek, aber können wir wirklich bauen performante Spiele mit React Native? InformationsquelleAutor der Frage Sanket Sahu | 2015-09-18
2
Antworten
Ich bin mit lint mit Reagieren meine app, und ich erhalte diese Fehlermeldung: error JSX props should not use arrow functions react/jsx-no-bind Und das ist, wo ich bin mit der Pfeil Funktion (innerhalb onClick): {this.state.photos.map(tile => (
5
Antworten
Ich initialisiert i18n übersetzung-Objekt einmal in eine Komponente ( erste Komponente, lädt in der app ) . Das gleiche Objekt ist erforderlich, In allen anderen Komponenten. Ich will nicht zu re-initialisieren Sie es in jeder Komponente. Was
4
Antworten
Also ich habe von Rails-Anwendungen, die ich installiert reagieren-rails gem, set it up und versuchen zu laufen test Anwendung. Frisch installiert, als ich versuchte, die zum ausführen von hello world " - Programm, dieser Fehler hapened: Uncaught
4
Antworten
Ich versuche ein transparentes overlay, schieben Sie in eine app, ziemlich ähnlich wie diese hier (alle/filter-by): Bisher fand ich reagieren-native-regler und reagieren-native-overlay. Ich veränderte den Schieberegler, um die Arbeit von oben nach unten, aber es bewegt sich
4
Antworten
Ich habe gesehen, beide Synonym verwendet. Was sind die wichtigsten Anwendungsfälle für beide? Gibt es Vorteile /Nachteile? Ist eine bessere Praxis? InformationsquelleAutor der Frage Nader Dabit | 2015-06-05
8
Antworten
var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text" id="one" onKeyPress={this.add} /> </div> ); } }); React.render(<Test />, document.body); Wie kann ich machen das KeyPress-Ereignis arbeiten Reagieren JS
4
Antworten
Angenommen ich habe einen text-string enthält Zeilenumbrüche, und ich machen es so: render() { var text = "One\nTwo\nThree"; return <div>{text}</div>; } In HTML Zeilenumbrüche nicht dargestellt werden als Zeilenumbrüche. Wie sollte ich dies tun, Reagieren? Ich will
3
Antworten
Wie kann ich erkennen, Esc Tastendruck auf reactjs? Das ähnliche Ding auf jquery $(document).keyup(function(e) { if (e.keyCode == 27) { //escape key maps to keycode `27` //<DO YOUR WORK HERE> } }); Einmal erkannt, möchte ich weitergeben
4
Antworten
Ich bin nicht in der Lage zu Reagieren SyntheticKeyboardEvent - Handler zu registrieren, alles, außer null für die event-Eigenschaften. Habe ich isoliert, die Komponente in ein Turnschuh und bin immer zu dem gleichen Ergebnis wie in meiner
8
Antworten
Brauche ich um zu öffnen ein Bootstrap Modal (durch klicken auf eine Schaltfläche in einer Bootstrap navbar und anderen Orten (zum anzeigen von Daten für eine Komponenteninstanz, dh. mit "Bearbeiten" - Funktion), aber ich weiß nicht, wie
26
Antworten
Wie kann ich Optional ein element in JSX? Hier ist ein Beispiel mit einem banner, das sollte in der Komponente, wenn es wurde übergeben. Was ich vermeiden möchte ist, dass man doppelte HTML-tags in der if-Anweisung. render:
1
Antworten
In reagieren Komponenten ist es bevorzugt, um den Ausgangszustand in den Konstruktor() oder componentWillMount()? export default class MyComponent extends React.Component{ constructor(props){ super(props); this.setState({key: value}); } } oder export default class MyComponent extends React.Component{ componentWillMount(props){ this.setState({key: value}); }
2
Antworten
Wenn ich setState im componentWillUpdatecomponentWillUpdate läuft in einer endlos-Schleife, die nicht aufhört, ausgelöst. Diese gibt nie mein render eine chance zu geben meine änderungen. Wie kann ich den Zustand ändern, wenn ich nicht verwenden componentWillUpdate? Edit: ich
3
Antworten
Der Titel sagt alles. Ich verstehe, warum componentDidMount geeignet ist für alles, was erfordert DOM-Zugriff, aber ein AJAX-request nicht notwendigerweise oder in der Regel benötigen diese. Was gibt? InformationsquelleAutor der Frage Alan H. | 2014-11-26
9
Antworten
Ich habe einen Reagieren Anwendung mit Komponenten, geschrieben in ES6 - transpiled über Babel und Webpack. In einigen Orten, die ich möchte, um spezifische CSS Dateien mit bestimmten Komponenten, wie vorgeschlagen, in reagieren webpack Kochbuch Jedoch, wenn
5
Antworten
Ich begann zu verwenden, zu reagieren-router v4. Ich habe eine einfache <Router> in meinem app.js mit einigen Navigations-links (siehe code unten). Wenn ich navigieren Sie zu localhost/vocabularyder router leitet mich auf rechten Seite. Allerdings, wenn ich drücken
4
Antworten
Ich habe eine Komponente, welche eine Kontakt-Objekt als state - {firstName: "John", lastName: "Doe", Telefon: "1234567890} ich möchte ein Formular erstellen, um dieses Objekt zu Bearbeiten, aber wenn ich die Eingänge auf den Wert der original-Kontakt-parameter, die
2
Antworten
Weiß ich in vanilla js, die wir tun können, onclick="f1();f2()" Was wäre die Entsprechung für die Herstellung von zwei Funktionsaufrufe onClick in ReactJS? Ich weiß, Aufruf einer Funktion ist wie folgt: onClick={f1} InformationsquelleAutor der Frage user2554585 |
5
Antworten
Gerade habe ich gehört, reagieren-Faser ist bereit. Was ist der grosse Unterschied zwischen reagieren und reagieren-Faser? Ist es Wert, es zu lernen, das ganze neue Konzept für diese Unterschiede ? InformationsquelleAutor der Frage Hoang Trung | 2017-07-27