Programmierung reactjs

4

Warum React Hook verwenden useState verwendet const und nicht let

Die Standardmethode für die Verwendung eines React useState-Hooks ist die folgende: const [count, setCount] = useState(0); Diese const countVariable wird jedoch eindeutig einem anderen primitiven Wert zugewiesen. Warum ist die Variable dann nicht definiert als let count?

33 javascript reactjs ecmascript-6 react-hooks

4

useState Hook Setter überschreibt den Status falsch

Hier ist das Problem: Ich versuche, 2 Funktionen auf Knopfdruck aufzurufen. Beide Funktionen aktualisieren den Status (ich verwende den useState-Hook). Die erste Funktion aktualisiert den Wert1 korrekt auf 'neue 1', aber nach 1s (setTimeout) wird die zweite Funktion ausgelöst und der Wert 2 in 'neue 2' geändert, ABER! Der Wert1 …

31 javascript reactjs react-hooks

7

Kann Objekt in Reaktionsanwendung nicht in primitiven Wertfehler konvertieren?

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 Navigationsleiste verwende (Hamburger-Leiste -> reaktionsfähige Navigationsleisten, die in der mobilen Ansicht kollabieren) und auf die Hamburger-Schaltfläche klicke, …

27 javascript jquery reactjs bootstrap-4

3

Firebase-Listener mit React Hooks

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 abzurufen. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: doc.data().name }); // loading: false, }); } Das bricht …

27 javascript reactjs firebase google-cloud-firestore react-hooks

7

App-Fehler reagieren: 'WebSocket' konnte nicht erstellt werden: Eine unsichere WebSocket-Verbindung kann möglicherweise nicht von einer über HTTPS geladenen Seite initiiert werden

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 möglicherweise nicht von einer über HTTPS geladenen Seite initiiert werden. Aber …

25 node.js reactjs

3

const App: () => React $ Node = () => {…}: Was bedeutet diese Anweisung?

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 ich insbesondere den Ausdruck dazwischen nicht : …

23 javascript reactjs react-native

7

Material-UI-Datepicker kann nicht zum Laufen gebracht werden

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 Stackblitz nur mit dem Datepicker erstellt ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) …

19 javascript reactjs material-ui material-ui-pickers

2

Bereinigungsspeicherlecks an einer nicht gemounteten Komponente in React Hooks

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 React (Frontend). Wenn Sie …

19 javascript reactjs promise inertia

3

Die Eigenschaft 'history' von undefined kann nicht gelesen werden (useHistory-Hook von React Router 5)

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 angezeigt: Uncaught TypeError: Cannot read property 'history' of undefined was …

18 reactjs react-router react-hooks react-router-dom react-context

4

Wie man useHistory Hook im Scherz verspottet?

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'; import * as router from 'react-router'; import { …

18 reactjs typescript react-router jestjs enzyme

1

Abrufen des Werts in der automatischen Vervollständigung von React material-UI

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 {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Ich verstehe, wie es funktioniert, bin mir aber nicht sicher, wie ich den ausgewählten …

17 javascript reactjs material-ui

1

TypeError: Die Eigenschaft 'webpackJsonp' von undefined kann nicht gelesen werden

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 einige Pakete in App A aktualisiert …

16 reactjs npm webpack next.js

1

Warum gibt getComputedStyle () in einem JEST-Test unterschiedliche Ergebnisse an berechnete Stile in Chrome / Firefox DevTools zurück?

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 MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, …

16 javascript css reactjs jestjs enzyme

4

VS-Code enthält hervorgehobene Elemente, aber keinen Fehler

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 macht mich verwirrt. Ich habe dieses …

16 reactjs visual-studio-code

9

TypeError: Die Eigenschaft 'attach' von undefined makeStyles.js kann nicht gelesen werden

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 funktioniert. Ich habe versucht, alle Änderungen im Code, die ich heute vorgenommen habe, ohne …

15 reactjs typescript heroku material-ui mern

Als «reactjs» getaggte Fragen