Ich bin verwirrt darüber, wie ich <input>bei der Verwendung auf Werte zugreifen soll mount. Folgendes habe ich als Test: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input');...
Ich bin neu in React und versuche, eine JSON- DATAVariable aus einer externen Datei zu importieren . Ich erhalte die folgende Fehlermeldung: Modul "./customData.json" kann nicht gefunden werden Könnte mir jemand helfen? Es funktioniert, wenn ich meine DATAVariable index.jsin einer externen...
Ich verstehe, wie (und warum ) ein Leerzeichen in JSX hinzugefügt werden soll, aber ich frage mich, was die beste Vorgehensweise ist oder ob eine wirklich einen Unterschied macht. Wickeln Sie beide Elemente in eine Spanne <div className="top-element-formatting"> <span>Hello...
Ich probiere React-Router (v4) aus und habe Probleme beim Starten der Navigation, um eines der Linkzu haben active. Wenn ich auf eines der LinkTags klicke, funktioniert das aktive Material. Ich möchte jedoch, dass Home Linkaktiv ist, sobald die App gestartet wird, da dies die Komponente ist, die...
Ich versuche, diese coole <canvas>Animation, die ich hier gefunden habe, in eine wiederverwendbare React-Komponente umzuwandeln . Es sieht so aus, als würde diese Komponente eine übergeordnete Komponente für die Zeichenfläche und viele untergeordnete Komponenten für die Zeichenfläche...
Ich möchte ein Dropdown-Menü schließen, wenn ein Klick außerhalb der Dropdown-Komponente auftritt. Wie mache ich
Ich versuche im Wesentlichen, Tabs in Reaktion zu bringen, aber mit einigen Problemen. Hier ist eine Datei page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> Wenn Sie auf die Schaltfläche A klicken, muss die RadioGroup-Komponente die Schaltfläche B...
Ich schreibe meine App neu, um Flux zu verwenden, und habe ein Problem beim Abrufen von Daten aus Stores. Ich habe viele Komponenten und sie nisten viel. Einige von ihnen sind groß ( Article), andere klein und einfach ( UserAvatar, UserLink). Ich habe Probleme damit, wo in der Komponentenhierarchie...
Ich habe mehrere Komponenten, die alle dasselbe tun müssen. (Eine einfache Funktion, die ihre untergeordneten Komponenten abbildet und jedem etwas antut). Im Moment definiere ich diese Methode in jeder der Komponenten. Aber ich möchte es nur einmal definieren. Ich könnte es in der obersten...
Ich kann nur die aktuelle App unter sehen /public. Die Konfigurationen in webpack.config.jssind unten: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server',...
Ich habe versucht, nach einer Antwort darauf zu suchen, aber die meisten von ihnen befinden sich außerhalb des Kontextes von React, onChangebei dem Unschärfe ausgelöst wird. Bei der Durchführung verschiedener Tests kann ich nicht sagen, wie unterschiedlich diese beiden Ereignisse sind (wenn sie...
Neben der Möglichkeit, einen "activeClassName" und einen "activeStyle" in NavLink festzulegen, gibt es einen Grund, NavLink over Link zu verwenden, wenn Sie Links zu anderen Routen auf nicht navigierenden Elementen (dh nicht Hauptnavigation in Kopf- oder Fußzeile) auf Ihrer Site erstellen das...
Ich denke, der Titel sagt alles. Die gelbe Warnung wird jedes Mal angezeigt, wenn ich eine Komponente abhebe, die noch abgerufen wird. Konsole Warnung: Eine nicht gemountete Komponente kann nicht aufgerufen setState(oder forceUpdate) werden. Dies ist ein No-Op, aber ... Um dies zu beheben,...
Was ist das empfohlene Muster für die Ausführung eines setState für ein übergeordnetes Element aus einer untergeordneten Komponente? var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos =...
Angenommen, ich habe einen einfachen Schalter: Wenn ich auf die Schaltfläche klicke, wechselt die Farbkomponente zwischen Rot und Blau Ich könnte dieses Ergebnis erzielen, indem ich so etwas mache. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue :...
Normalerweise poste ich Sachen, die mit Code zusammenhängen, auf Stack, aber dies ist eher eine Frage zu den allgemeinen Gedanken der Community. Es scheint eine Menge Leute zu geben, die die Verwendung von Redux mit React zum Verwalten von Daten / Status befürworten, aber beim Lesen und Lernen von...
Ich habe einen Reduzierer, und um den neuen Status zu berechnen, benötige ich Daten aus der Aktion sowie Daten aus einem Teil des Status, der nicht von diesem Reduzierer verwaltet wird. Insbesondere in dem unten gezeigten Reduzierer benötige ich Zugriff auf das
Hier sind die Zahlen min + gzip 26k gzip 90k Original 450 + k Und React hat nicht viele Funktionen in seiner Dokumentation. Warum ist es so groß? Ich habe das Gefühl, dass es sich um die Implementierung von leichtem DOM handelt. Aber ich möchte sicher
Ich suche nach Möglichkeiten, um mit React unendliches Scrollen zu implementieren. Ich bin auf React-Infinite-Scroll gestoßen und fand es ineffizient, da es nur Knoten zum DOM hinzufügt und diese nicht entfernt. Gibt es eine bewährte Lösung mit React, mit der eine konstante Anzahl von Knoten im DOM...
Mit diesem Tutorial versuche ich, ReactJS mit Schienen zum Laufen zu bringen . Ich erhalte diesen Fehler: Uncaught ReferenceError: React is not defined Aber ich kann auf das React-Objekt in der Browserkonsole zugreifen. Ich habe auch public / dist / turbo-react.min.js hinzugefügt, wie hier...