Ich möchte eine AutocompleteKomponente für Eingabe-Tags verwenden. Ich versuche, die Tags abzurufen und in einem Status zu speichern, damit ich sie später in der Datenbank speichern kann. Ich benutze Funktionen anstelle von Klassen in reagieren. Ich habe es versucht onChange, aber ich habe kein...
Ich bin daran interessiert, wie OAuth in React mit popup ( window.open) implementiert wird . Zum Beispiel habe ich: mysite.com - Hier öffne ich das Popup. passport.mysite.com/oauth/authorize - Pop-up. Die Hauptfrage ist, wie eine Verbindung zwischen window.open(Popup) und window.opener(wie bekannt,...
Ich erstelle eine gemeinsam nutzbare React-Komponentenbibliothek. Die Bibliothek enthält viele Komponenten, aber der Endbenutzer muss möglicherweise nur einige davon verwenden. Wenn Sie Code mit Webpack (oder Parcel oder Rollup) bündeln, wird eine einzige Datei mit dem gesamten Code erstellt...
Ich habe die Definitionen der beiden wie folgt durchgesehen: Reine Funktionen sind solche, die nicht versuchen, ihre Eingaben zu ändern, und immer dasselbe Ergebnis für dieselben Eingaben zurückgeben. Beispiel function sum(a, b) { return a + b; } Und die unreine Funktion ändert ihre eigene...
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...
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...
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...
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:...
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...
Ich habe <If />mit React eine einfache Funktionskomponente erstellt: import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return...
Ich habe die folgende Fehlermeldung erhalten, als ich mein Projekt im Browser ausgeführt habe: Fehler beim Kompilieren: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Ich versuche, die...
Ich habe material-ui / lab installiert, um die Alert-Komponente zu verwenden, aber wann immer ich sie importiere mit: import Alert from '@material-ui/lab/Alert';es kann nicht kompiliert werden und löst diesen Fehler
Dies ist meine Komponente. Ich verwende die Inline-Pfeilfunktion, um die Route onClickvon div zu ändern, aber ich weiß, dass dies in Bezug auf die Leistung kein guter Weg ist 1. Inline-Pfeilfunktion changeRoute (routeName) { console.log(routeName) } render() { return ( <> <div onClick={()...
Ich mache einen benutzerdefinierten Hook, der ein Google hat, wenn sich ein Status ändert. Sie sollten in der Lage sein, einen beliebigen Status in einem Array zu übergeben. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle,...
Ich versuche, den mit Next.js geschriebenen Code mit Gzip Deliver mit Nginx- und NodeJS-Server zu komprimieren. Es scheint, dass die Konfiguration funktioniert, wenn ich curl -H "Content-Encoding: gzip"zur Überprüfung verwende. Aber kommen Sie zu einem echten Browser (Chrome, Firefox). Ich kann...
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...
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...
Google zeigt den Nutzern die oben genannten 3 Popups an, wenn sie versuchen, sich mit Google auf meiner Website anzumelden. Bei der Anmeldung wird mir jedoch nicht dasselbe Popup angezeigt. Was ich sehe ist nur das - Diese 3 separaten Popups verursachen große Drop-Offs von meiner Website. Wie kann...
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,...
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...