Als «reactjs» getaggte Fragen

React (auch bekannt als React.js oder ReactJS) ist eine von Facebook entwickelte JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives, komponentenbasiertes Paradigma und soll sowohl effizient als auch flexibel sein.

11
Reagieren: Warum die untergeordnete Komponente nicht aktualisiert wird, wenn sich die Requisite ändert
Warum wird Child im folgenden Pseudocode-Beispiel nicht neu gerendert, wenn der Container foo.bar ändert? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } Auch wenn ich forceUpdate()nach dem Ändern des Werts in Container aufrufe, zeigt Child …
132 javascript  html  reactjs 
14
Aktualisieren Sie den Stil einer Komponente onScroll in React.js
Ich habe in React eine Komponente erstellt, die ihren eigenen Stil beim Scrollen im Fenster aktualisieren soll, um einen Parallaxeeffekt zu erzeugen. Die Komponentenmethode rendersieht folgendermaßen aus: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop = event.srcElement.body.scrollTop, itemTranslate = Math.min(0, scrollTop/3 - 60); …
10
Element aus dem Array im Komponentenstatus entfernen
Ich versuche, den besten Weg zu finden, um ein Element aus einem Array im Status einer Komponente zu entfernen. Gibt this.statees eine bessere (prägnantere) Möglichkeit, ein Element aus einem Array zu entfernen, als ich es hier habe, da ich die Variable nicht direkt ändern sollte ?: onRemovePerson: function(index) { this.setState(prevState …
7
React-Router: Wie rufe ich Link manuell auf?
Ich bin neu bei ReactJS und bei React-Router. Ich habe eine Komponente, die über Requisiten ein <Link/>Objekt vom React-Router empfängt . Immer wenn der Benutzer auf eine Schaltfläche "Weiter" in dieser Komponente klickt, möchte ich das <Link/>Objekt manuell aufrufen . Im Moment verwende ich refs, um auf die Sicherungsinstanz zuzugreifen …
11
Verwendung von Redirect im neuen React-Router-Dom von Reactjs
Ich verwende das React-Router-Modul der letzten Version mit dem Namen React-Router-Dom, das bei der Entwicklung von Webanwendungen mit React zum Standard geworden ist. Ich möchte wissen, wie man nach einer POST-Anfrage eine Umleitung vornimmt. Ich habe diesen Code erstellt, aber nach der Anfrage passiert nichts. Ich überprüfe im Web, aber …
6
setState () innerhalb von componentDidUpdate ()
Ich schreibe ein Skript, das die Dropdown-Liste je nach Dropdown-Höhe und Position der Eingabe auf dem Bildschirm unter oder über die Eingabe verschiebt. Außerdem möchte ich den Modifikator entsprechend seiner Richtung auf Dropdown setzen. Wenn Sie jedoch das setStateInnere des verwenden, componentDidUpdateentsteht eine Endlosschleife (was offensichtlich ist). Ich habe eine …
9
Löschen Sie das Element aus dem Statusarray in Reaktion
Die Geschichte ist, ich sollte Bob, Sally und Jack in eine Kiste stecken können. Ich kann auch entweder aus der Box entfernen. Nach dem Entfernen bleibt kein Steckplatz mehr übrig. people = ["Bob", "Sally", "Jack"] Ich muss jetzt beispielsweise "Bob" entfernen. Das neue Array wäre: ["Sally", "Jack"] Hier ist meine …
5
Typoskript: Reagiert auf Ereignistypen
Was ist der richtige Typ für React-Ereignisse? Anfangs habe ich nur anyder Einfachheit halber verwendet. Jetzt versuche ich, Dinge aufzuräumen und die Verwendung anyvollständig zu vermeiden . Also in einer einfachen Form wie dieser: export interface LoginProps { login: { [k: string]: string | Function uname: string passw: string logIn: …
30
In meinem React Project wird "Klasse kann nicht als Funktion aufgerufen werden" angezeigt
Ich versuche, meinem Projekt eine React Map-Komponente hinzuzufügen, aber es tritt ein Fehler auf. Ich verwende den Blog-Beitrag von Fullstack React als Referenz. Ich habe in google_map.js Zeile 83 herausgefunden, wo der Fehler ausgelöst wird: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class …
10
Wie generiere ich eindeutige IDs für Formularbeschriftungen in React?
Ich habe Formularelemente mit labels und ich möchte eindeutige IDs haben, um labels mit Elementen mit htmlForAttribut zu verknüpfen . Etwas wie das: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); } }); Früher habe ich IDs basierend auf generiert, this._rootNodeIDaber seit …
128 reactjs 
3
Reagieren Enzym finden zweiten (oder n-ten) Knoten
Ich teste eine React-Komponente mit flachem Jasmine Enzyme-Rendering. Hier für die Zwecke dieser Frage vereinfacht ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponenthat 2 Instanzen von MyInnerComponentund ich möchte die Requisiten auf jeder testen. Der erste, den ich …
128 reactjs  jasmine  enzyme 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.