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.

6
Reagieren - Wie erkennt man, wenn alle Unterkomponenten einer übergeordneten Komponente für den Benutzer sichtbar sind?
TL; DR Wie kann eine übergeordnete Komponente wissen, wann das Rendern jeder untergeordneten Komponente abgeschlossen ist und das DOM für den Benutzer mit seiner aktuellsten Version sichtbar ist? Angenommen, ich habe eine component Auntergeordnete GridKomponente, die aus 3x3Enkelkomponenten besteht. Jede dieser Enkelkomponenten ruft Daten von einem erholsamen API-Endpunkt ab und …
11 reactjs 
3
Das Menü öffnet kein korrektes Index-Div
Guy, ich stehe vor einem Problem. Ich habe zweidimensionale Daten. Die Daten haben eine verschachtelte Struktur, die Links enthält. const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ { id: 3, url: "/themes-templates", title: "Themes …
11 reactjs 
1
Implementieren der Bildlaufwiederherstellung für React Router SPA
Ich erstelle eine einseitige React-Anwendung und habe festgestellt, dass die Bildlaufwiederherstellung in Chrome (und möglicherweise in anderen Browsern) nicht wie erwartet funktioniert. Auf dem React-Router-Dom-Github-Repo gibt es eine Seite, auf der angegeben ist, dass Browser das Scrollen für Apps mit nur einer Seite nativ verarbeiten , und das Verhalten ähnelt …
5
So lösen Sie im Import "Importanweisung kann nicht außerhalb eines Moduls verwendet werden" auf
Ich habe eine React-Anwendung (ohne Create React App), die mit TypeScript, Jest, Webpack und Babel erstellt wurde. Beim Versuch, "Garnscherz" auszuführen, wird die folgende Fehlermeldung angezeigt: Ich habe versucht, alle Pakete zu entfernen und erneut hinzuzufügen. Dies wird nicht behoben. Ich habe mir ähnliche Fragen und Unterlagen angesehen und verstehe …
4
Richtige Art der Fehlerbehandlung in React-Redux
Ich möchte verstehen, was eine allgemeinere oder korrektere Art der Fehlerbehandlung mit React-Redux ist. Angenommen, ich habe eine Telefonnummer-Anmeldekomponente. Diese Komponente gibt einen Fehler aus, wenn die eingegebene Telefonnummer ungültig ist Was wäre der beste Weg, um diesen Fehler zu behandeln? Idee 1: Erstellen Sie eine Komponente, die einen Fehler …
11 reactjs  redux 
4
native.createnavigator factory ist keine Funktion
Ich werde in meinem Projekt eine Schubladen-Navigation entwerfen. Ich habe das mit diesem Befehl installiert: npm install @react-navigation/drawer Dann importierte das in App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; Das ist mein package.jsonInhalt: "@react-native-community/masked-view": "^0.1.6", "@react-navigation/drawer": "^5.0.0", "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.6", "react-native-reanimated": …
3
Reagieren Sie useEffect in der Tiefe / use of useEffect?
Ich versuche den useEffectHaken gründlich zu verstehen . Ich würde gerne wissen, wann und warum ich welche Methode anwenden soll. 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second parameter useEffect(()=>{},[arg])
1
Übergabe des Links von react-router-dom an eine externe Bibliothek
Ich rendere Komponenten aus meiner externen Musterbibliothek (node_modules). In meiner Haupt-App übergebe ich meine LinkInstanz react-router-domwie folgt an die Komponente meiner externen Bibliotheken: import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> In meiner Bibliothek …
3
Das Beibehalten der Bildlaufposition funktioniert nur, wenn Sie sich nicht am unteren Rand des Nachrichtendivs befinden
Ich versuche, andere mobile Chat-Apps nachzuahmen. Wenn Sie das send-messageTextfeld auswählen und die virtuelle Tastatur öffnen, wird die unterste Meldung weiterhin angezeigt. Es scheint erstaunlicherweise keine Möglichkeit zu geben, dies mit CSS zu tun, also JavaScript- resizeEreignisse (nur um herauszufinden, wann die Tastatur offenbar geöffnet und geschlossen wird) und manuelles …
4
Wie erhalten Sie die Benutzerdatenbankdaten zu einem AuthUser im Firestore?
Ich versuche herauszufinden, wie ein Benutzername abgerufen werden kann, bei dem es sich um ein Attribut handelt, das in einer Benutzersammlung gespeichert ist, die mit den vom Firebase-Authentifizierungsmodell erstellten Attributen zusammengeführt wurde. Ich kann auf authUser zugreifen - das gibt mir die begrenzten Felder, die firebase im Authentifizierungstool sammelt, und …
1
Behandlung von Fehlern mit react-apollo useMutation hook
Ich habe versucht, mich mit diesem Problem auseinanderzusetzen, aber keine eindeutige Antwort darauf gefunden. Ich versuche, eine Anmeldemutation mit dem useMutation-Hook auszuführen. TLDR; Ich möchte wissen, was genau der Unterschied zwischen dem in Optionen übergebenen onError und dem Fehler ist, den mir die useMutation gegeben hat Hier ist mein Code-Snippet …
6
Reagieren - Zeigt einen Firestore-Zeitstempel an
Ich versuche herauszufinden, wie ein Firestore-Zeitstempel in einer Reaktions-App angezeigt wird. Ich habe ein Firestore-Dokument mit einem Feld namens createdAt. Ich versuche, es in eine Liste der Ausgaben aufzunehmen (hier werden die relevanten Bits extrahiert, damit Sie nicht die gesamte Liste der Felder durchlesen müssen). componentDidMount() { this.setState({ loading: true …
4
componentWillReceiveProps wurde umbenannt
Ich verwende Material ui SwipeableViews. Wenn Sie das ReactSwipableView-Paket verwenden, wird dieser Fehler auf der Konsole angezeigt react-dom.development.js: 12466 Warnung: componentWillReceiveProps wurde umbenannt und wird nicht zur Verwendung empfohlen. Siehe für Details. Verschieben Sie Code oder Nebenwirkungen zum Abrufen von Daten nach componentDidUpdate. Wenn Sie den Status aktualisieren, wenn sich …
10 reactjs 
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.