Es wird gerade viel über das neueste Kind in der Redux-Stadt gesprochen, die Redux-Saga / Redux-Saga . Es verwendet Generatorfunktionen zum Abhören / Versenden von Aktionen. Bevor ich mich darum kümmere, möchte ich die Vor- und Nachteile der Verwendung redux-sagaanstelle des folgenden Ansatzes...
Ich habe zwei Komponenten. Übergeordnete Komponente Untergeordnete Komponente Ich habe versucht, die Methode des Kindes von Parent aufzurufen. Ich habe es auf diese Weise versucht, konnte aber kein Ergebnis erzielen class Parent extends Component { render() { return ( <Child> <button...
Ich versuche, meine React.jsApp so einzurichten, dass sie nur gerendert wird, wenn eine von mir festgelegte Variable ist true. Die Art und Weise, wie meine Renderfunktion eingerichtet ist, sieht folgendermaßen aus: render: function() { var text = this.state.submitted ? 'Thank you! Expect a...
Ich möchte am Ende eines stateArrays ein Element hinzufügen. Ist dies der richtige Weg, dies zu tun? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Ich befürchte, dass das Ändern des Arrays an Ort und Stelle pushProbleme verursachen könnte - ist es...
Wie kann ich eine Route in meiner Datei route.jsx definieren, um den __firebase_request_keyParameterwert von einer URL zu erfassen, die vom Single Sign-On-Prozess von Twitter nach der Umleitung von den Servern generiert wurde?
Ich suche nach einer Möglichkeit, um festzustellen, ob ein Klickereignis außerhalb einer Komponente aufgetreten ist, wie in diesem Artikel beschrieben . jQuery next () wird verwendet, um festzustellen, ob das Ziel eines Klickereignisses das dom-Element als eines seiner übergeordneten Elemente hat....
In einer React-Komponente für ein <select>Menü muss das selectedAttribut für die Option festgelegt werden, die den Anwendungsstatus widerspiegelt. In render()dem optionStatevon dem Zustand Eigentümer an die SortMenu Komponente übergeben. Die Optionswerte werden propsab JSON übergeben. render:...
Ich folge dem Tutorial auf der offiziellen React Native-Website. Verwenden Sie Folgendes, um mein Projekt zu erstellen: react-native run-ios Ich bekomme den Fehler: Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in PATH Command...
Ich versuche, meinen Status mithilfe einer verschachtelten Eigenschaft wie folgt zu organisieren: this.state = { someProperty: { flag:true } } Aber den Status so aktualisieren, this.setState({ someProperty.flag: false }); funktioniert nicht Wie kann das richtig gemacht
Ich erhalte diesen Fehler nach einer trivialen React-Beispielseite: Nicht erfasster Fehler: Invariante Verletzung: _registerComponent (...): Der Zielcontainer ist kein DOM-Element. Hier ist mein Code: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App =...
Ich arbeite mit Javascript (ES6) / FaceBook und versuche, die ersten 3 Elemente eines Arrays zu erhalten, deren Größe variiert. Ich würde gerne das Äquivalent von Linq nehmen (n). In meiner Jsx-Datei habe ich Folgendes: var items = list.map(i => { return ( <myview item={i} key={i.id}...
Ich habe einen React Dev Talk bei gesehen ( Pete Hunt: React: Best Practices überdenken - JSConf EU 2013 ) und der Redner erwähnte, dass das Dirty-Checking des Modells langsam sein kann. Aber ist die Berechnung des Unterschieds zwischen virtuellen DOMs nicht tatsächlich noch weniger leistungsfähig,...
Ich habe eine App, in der ich die Höhe eines Elements (sagen wir "App-Inhalt") dynamisch einstellen muss. Es nimmt die Höhe des "Chroms" der App und subtrahiert sie und legt dann die Höhe des "App-Inhalts" so fest, dass sie zu 100% in diese Einschränkungen passt. Dies ist mit Vanilla JS-, jQuery-...
Ich habe eine einfache Reaktionskomponente mit der Form, von der ich glaube, dass sie eine kontrollierte Eingabe hat: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form...
In der aktuellen Version von React Router (v3) kann ich eine Serverantwort akzeptieren und verwenden browserHistory.push, um zur entsprechenden Antwortseite zu gelangen. Dies ist jedoch in Version 4 nicht verfügbar, und ich bin mir nicht sicher, wie ich damit umgehen soll. In diesem Beispiel ruft...
Ich habe die Dokumentation für die Redux-Bibliothek gelesen und sie enthält das folgende Beispiel: Zusätzlich zum Lesen des Status können Containerkomponenten Aktionen auslösen. Auf ähnliche Weise können Sie eine aufgerufene Funktion definieren mapDispatchToProps(), die die dispatch()Methode...
Meine Struktur sieht wie folgt aus: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 Komponente 3 sollte je nach Status von Komponente 5 einige Daten anzeigen. Da Requisiten unveränderlich sind, kann ich ihren Status nicht einfach in Komponente 1 speichern und...
Ich bin neu in ReactJS und JSX und habe ein kleines Problem mit dem folgenden Code. Ich versuche, dem classNameAttribut jeweils mehrere Klassen hinzuzufügen li: <li key={index} className={activeClass, data.class, "main-class"}></li> Meine Reaktionskomponente ist: var...
In der Renderfunktion meiner Komponente habe ich: 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> ......
Ich habe gerade react-routervon v3 auf v4 ersetzt. Ich bin mir jedoch nicht sicher, wie ich programmgesteuert in der Elementfunktion von a navigieren soll Component. dh in der handleClick()Funktion möchte ich /path/some/wherenach der Verarbeitung einiger Daten navigieren . Früher habe ich das...