Ich versuche herauszufinden, wie ein Firebase-Listener verwendet wird, damit Cloud-Firestore-Daten mit React Hooks-Updates aktualisiert werden. Anfangs habe ich dies mit einer Klassenkomponente mit einer componentDidMount-Funktion gemacht, um die Firestore-Daten
Ich entwickle eine einfache React-Spring-Boot-Anwendung, aber aufgrund eines GitHub-Problems erstelle ich meine Anwendungsstarterdateien mit IntelliJ neu und installiere die Knotenmodule mit den Abhängigkeitsdaten der Datei package.json der vorherigen Anwendung. Wenn ich eine reduzierende...
Ich stelle eine React-App bereit, erhalte jedoch einen seltsamen Fehler, wenn ich die Seite über https besuche. Wenn ich die Seite über https besuche, erhalte ich die folgende Fehlermeldung: SecurityError: Fehler beim Erstellen von 'WebSocket': Eine unsichere WebSocket-Verbindung kann...
on enthält react-native init ProjectNamedie Haupt-App-Datei App.jsdie Deklaration einer Komponente auf folgende Weise: const App: () => React$Node = () => {...} Was bedeutet diese Anweisung? Ich bin an Komponenten gewöhnt, die als definiert sind const App = () => {...}, daher verstehe...
Aus irgendeinem Grund kann ich den Material- UI - Datepicker nicht zum Laufen bringen. Jedes Mal, wenn der Datepicker in React gerendert wird, wird der folgende Fehler ausgegeben: RangeError: Die Formatzeichenfolge enthält ein nicht entkoppeltes lateinisches Alphabet n Ich habe einen...
Ich bin neu in der Verwendung von React, daher ist dies möglicherweise sehr einfach zu erreichen, aber ich kann es nicht selbst herausfinden, obwohl ich einige Nachforschungen angestellt habe. Vergib mir, wenn das zu dumm ist. Kontext Ich verwende Inertia.js mit den Adaptern Laravel (Backend) und...
Ich verwende den neuen useHistory-Hook von React Router, der vor einigen Wochen herauskam. Meine React-Router-Version ist 5.1.2. Meine Reaktion ist in Version 16.10.1. Sie finden meinen Code unten. Wenn ich jedoch die neue useHistory vom React-Router importiere, wird folgende Fehlermeldung...
Ich verwende den UseHistory-Hook in React Router v5.1.2 mit Typoskript. Beim Ausführen des Komponententests habe ich ein Problem. TypeError: Die Eigenschaft 'history' von undefined kann nicht gelesen werden. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history';...
Ich beziehe mich auf die Dokumentation von React Material-UI ( https://material-ui.com/components/autocomplete/ ). Im Demo-Code <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField...
Ich schreibe ein React-Projekt in VS-Code. Ich habe dieses Problem im VS-Code festgestellt. In meinem Projekt enthält dieser Ordner hervorgehobene Elemente. Ich weiß, dass meine Dateien einen Fehler enthalten. Aber auf dem Bild , Ich habe alle Dateien überprüft, aber keinen Fehler gefunden. Das...
Ich habe eine benutzerdefinierte Schaltfläche ( MyStyledButton) basierend auf Material-UI geschrieben Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function...
Ich habe eine React-App (App A), die vor ungefähr 2 Jahren mit der Create-React-App erstellt wurde und die ausgeworfen wird. Die App wird als commonjs2-Modul exportiert und in einem NPM-Paket ausgeliefert, das in einem next.js-Projekt (App B) verwendet wird. Alles verlief reibungslos, bis ich...
Ich bin neu in Next.js und frage mich, wie ich zum Beispiel von der Startseite ( / ) zu / hello-nextjs umleiten kann . Sobald der Benutzer eine Seite lädt und danach feststellt, ob path === / redirect to / hello-nextjs ist Im React-Router machen wir so etwas wie: <Switch> <Route...
Ich habe vor kurzem begonnen, TypeScript mit Expo zu verwenden. Ich habe alle Linter / Formatierer-Integrationen typescript-eslintso durchgeführt, dass ich die meisten Fehler beim Codieren abfangen kann. Um zu überprüfen, ob der Code kompiliert wird, führe ich ab npx tscund zu aus und korrigiere...
Ich habe eine React-App erstellt von create-react-app. Nach dem Ausführen von npm start (das Startskript ist in package.json als "start": "react-scripts start" vorhanden) sagt die Konsole "Starten des Entwicklungsservers wie gewohnt" und startet den Browser. Aber danach tun sowohl die Konsole als...
Beim Versuch, in der Produktionsversion auf die Anmeldekomponente meiner MERN-App zuzugreifen, wird eine Reihe der folgenden in diesem Bild gezeigten Typfehler angezeigt: Meine App ( https://github.com/ahaq0/kumon_schedule ) funktioniert lokal einwandfrei und hat heute auf Heroku einwandfrei...
Ich versuche, eine Detailansicht basierend auf einer React-Router-Dom-Route zu laden, die den URL-Parameter (ID) abrufen und damit die Komponente weiter füllen soll. Meine Route sieht so aus /task/:idund meine Komponente wird einwandfrei geladen, bis ich versuche, die: id von der URL wie folgt...
Ich sehe, dass React.forwardRef die sanktionierte Methode zu sein scheint, einen Ref an eine untergeordnete Funktionskomponente aus den React-Dokumenten zu übergeben: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children}...
Ich versuche, ein neues Projekt mit create-react-appdem in den Dokumenten angegebenen Befehl zu erstellen, npx create-react-app my-appaber es enthält keine Ordner wie public srcund
React Hooks geben uns die useState-Option, und ich sehe immer Vergleiche zwischen Hooks und Class-State. Aber was ist mit Hooks und einigen regulären Variablen? Zum Beispiel, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Ich habe keine Hooks verwendet und es werden die...