Programmierung reactjs

1

X-Content-Encoding-Over-Network im Antwortheader, jedoch nicht Content-Encoding

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 die Content-Encoding: gzipEigenschaft in den Antwort-Headern nicht finden . …

10 node.js reactjs nginx gzip next.js

1

Wie erstelle ich einen benutzerdefinierten Hook, der Abhängigkeiten empfängt?

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, setToggle] = useState(false) useEffect(() => …

10 reactjs react-native eslint react-hooks

1

TypeError: (0, _react.useEffect) ist keine Funktion

In der Entwicklungsumgebung funktioniert meine App einwandfrei. In der Produktionsumgebung stürzt es mit dem Fehler ab: Uncaught TypeError: (0 , _react.useEffect) is not a function Dies geschieht in einer von mir erstellten Datei, in die ich React importiere und Effect wie folgt verwende: import React, { useEffect } from 'react' …

9 javascript reactjs react-hooks parceljs

2

React-Redux - Hooks API

Ich versuche, meine neue React-Redux-Anwendung so zu konfigurieren, dass sie die neuen Funktionen von React-Redux nutzt. Das offizielle Dokumentation sagt React Redux bietet jetzt eine Reihe von Hook-APIs als Alternative zur vorhandenen connect () -Komponente höherer Ordnung. Ich habe versucht, einige hilfreiche Artikel im Zusammenhang mit der Hooks-API mit einigen …

9 reactjs typescript redux react-redux

4

Status dynamisch basierend auf der externen Internetverbindung ändern - Reagieren (offline / online)

Ich habe eine React-Komponente, die das Verfügbarkeitsflag der Internetverbindung enthält. UI-Elemente müssen dynamisch entsprechend dem Status in Echtzeit geändert werden. Außerdem verhalten sich Funktionen beim Flaggenwechsel anders. Meine aktuelle Implementierung fragt die Remote-API mit Axios in jeder Sekunde anhand des Intervalls ab und aktualisiert den Status entsprechend. Ich suche nach …

9 javascript reactjs axios

4

Teile der Div-Grenze werden abgeschnitten

Ich habe ein Containerelement, das einige andere Elemente enthält, aber je nach Bildschirmgröße sind Teile davon unerklärlicherweise an verschiedenen Stellen abgeschnitten. Sie können das Verhalten auf meinem Code-Sandbox-Link beobachten, wenn die Breite der HTML-Seite angepasst wird (durch Klicken und Ziehen). Wie kann ich sicherstellen, dass nur der Hauptcontainerrand gerendert wird …

9 javascript css reactjs

3

React Typescript: Zeile 0: Analysefehler: Die Eigenschaft 'name' von undefined kann nicht gelesen werden

Heute bekam ich plötzlich Build-Fehler bei einem mit Typescript erstellten Projekt. In einer Datei, die (oder irgendetwas, auf das sie verweist) seit Wochen nicht mehr geändert wurde, bekam ich Folgendes: ./path/to/my/file.ts Line 0: Parsing error: Cannot read property 'name' of undefined Dieser Fehler trat zuerst auf unserem CI auf, konnte …

9 reactjs typescript create-react-app react-scripts react-typescript

1

Render jquery datatable in React-Pivottable

Ich habe implementiert, react-pivottablewollte nur wissen, ob es eine Möglichkeit gibt, den gesamten Datensatz in der jQuery-Datentabellenansicht anzuzeigen Das heißt, ich habe einige Spalten, die alle in einer tabellarischen Ansicht für die folgenden Daten unten anzeigen möchten [ 'SRN', 'MainSystemType', 'MagnetType', 'MagnetCoverType', 'MagnetRMMUType', 'MagnetHighOrderShimPowerSupply', 'GradientAmplifierType', 'GradientInterfaceType', 'GradientSwitchType', 'RFSystemB1FieldSystem', 'RFSystemFrontendInterface', 'CabinetsDasCabinet', …

9 jquery reactjs database datatable pivot-table

2

Post-Methoden können aufgrund eines Fehlers nicht mit Jest getestet werden. MockImplementation of undefined kann nicht gelesen werden

Ich habe einen API-Dienst, bei dem ich verschiedene Methoden habe, um die APIs aufzurufen. Ich habe alle GET-Anforderungen erfolgreich getestet, habe jedoch Probleme beim Testen der POST-Anforderungen. Dies ist die Methode: export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) => T, secondCb: (d: T) …

9 javascript reactjs testing ecmascript-6 jestjs

1

So testen Sie Klassenkomponenten in Reaktion

Ich versuche einige Unit-Tests, ich habe eine Sandbox mit einem gefälschten Beispiel erstellt https://codesandbox.io/s/wizardly-hooks-32w6l (in Wirklichkeit habe ich ein Formular) class App extends React.Component { constructor(props) { super(props); this.state = { number: 0 }; } handleSubmit = (number1, number2) => { this.setState({ number: this.handleMultiply(number1, number2) }) } handleMultiply = (number1, …

9 javascript reactjs jestjs

5

"RNCSafeAreaView" wurde im UIManager nicht gefunden

Ich versuche ein Bundle zu öffnen, aber wenn das Android läuft, wird die nächste Nachricht angezeigt 2020-01-05 23: 15: 45.366 26210-26210 / com.note.principal W / .note.principa: Zugriff auf verstecktes Feld Landroid / view / View; -> mAccessibilityDelegate: Landroid / view / View $ AccessibilityDelegate; (Lichtgrauliste, Reflexion) 2020-01-05 23: 15: 45.470 …

9 javascript android reactjs react-native gradle

1

Wenn 'Reagieren' der Standardexport von 'Reagieren' ist, warum können wir keinen anderen Namen anstelle von 'Reagieren' verwenden?

Also suchte ich nach einer Antwort auf diese Frage und stellte fest, dass 'React' beim Importieren nicht in {} sein muss, da es sich um den Standardexport und nicht um einen benannten Export handelt. Nun, das ist richtig, aber ich habe es auch gesehen Beim Importieren eines Standardexports können wir …

9 javascript reactjs

2

Wie würde ich von Material-UI verwaltete Stile auf nicht-material-ui, nicht reagierende Elemente anwenden?

Ich habe eine Anwendung, in der ich die Material-Benutzeroberfläche und ihren Themenanbieter (mit JSS) verwende. Ich verwende jetzt Fullcalendar- React, was eigentlich keine vollwertige React-Bibliothek ist - es ist nur ein dünner React-Komponenten-Wrapper um den ursprünglichen Fullcalendar-Code. Das heißt, ich habe keinen Zugriff auf Dinge wie Render-Requisiten, um zu steuern, …

9 css reactjs fullcalendar jss

5

Wie analysiere ich eine kleine Teilmenge von Markdown in React-Komponenten?

Ich habe eine sehr kleine Teilmenge von Markdown zusammen mit einem benutzerdefinierten HTML-Code, den ich in React-Komponenten analysieren möchte. Zum Beispiel möchte ich diesen folgenden String drehen: hello *asdf* *how* _are_ you !doing! today In das folgende Array: [ "hello ", asdf, " ", how, " ", are, " you …

9 javascript arrays regex reactjs markdown

3

useEffect - Verhindert eine Endlosschleife beim Aktualisieren des Status

Ich möchte, dass der Benutzer eine Liste von Aufgabenelementen sortieren kann. Wenn der Benutzer ein Element aus einem Dropdown-Menü auswählt, wird festgelegt, sortKeywelches eine neue Version von erstellt setSortedTodos, und der useEffectAufruf wird wiederum ausgelöst setSortedTodos. Das folgende Beispiel funktioniert genau so, wie ich es möchte, aber eslint fordert mich …

9 javascript reactjs react-hooks eslint

Als «reactjs» getaggte Fragen