Programmierung reactjs

3

Leere Abhängigkeiten mit useMemo oder useCallback VS useRef

In dieser GitHub-Ausgabe habe ich im Wesentlichen vorgeschlagen, Folgendes zu ändern: x = useCallback( ... , []); Zu: x = useRef( ... ).current; Die beiden sind gleich, aber mit useRefReact werden die Abhängigkeiten nicht verglichen. Auf die eine Antwort mit einer Frage kam: Gibt es jemals eine Situation, in der …

9 reactjs react-functional-component

1

Kann eine PWA-App im App Store und Play Store veröffentlicht werden?

Ich erstelle eine React JS-Webanwendung, die schließlich in eine PWA konvertiert wird, damit die Benutzer sie auf ihren Mobilgeräten installieren können. Nun möchte der Kunde herausfinden, wie diese PWA-Apps in den Apple Store und den Google Store übertragen werden können. Meine Frage ist also, ob wir Tools zum Konvertieren der …

9 javascript reactjs progressive-web-apps

2

Laden und verbrauchen Sie ältere JS-Module (z. B. IIFEs) über ES6-Modulimporte

Ich habe IIFE- Funktionen für einen Teil des Bibliothekscodes in einer Legacy-Anwendung, die für IE10 + funktionieren muss (kein Laden des ES6-Moduls usw.). Ich beginne jedoch mit der Entwicklung einer React-App, die ES6 und TypeScript verwendet, und möchte den bereits vorhandenen Code wiederverwenden, ohne die Dateien zu duplizieren. Nach einigen …

9 javascript reactjs es6-modules legacy iife

2

Unterschied zwischen Hot-Reload und schneller Aktualisierung in React-Native

In früheren Versionen 0.61 von react-native zum Reflektieren von Codeänderungen haben wir zwei Optionen wie. Live Reload (Lädt die App neu, wenn Änderungen festgestellt werden) Hot Reload (Reflektieren Sie die Änderungen ohne Nachladen) In der Version 0.61 wurde jedoch eine neue Entwicklerfunktion namens Fast Refresh eingeführt, die ebenfalls ähnlich wie …

9 reactjs react-native react-native-android react-native-ios

1

`componentWillMount`-Warnungen, obwohl nicht explizit verwendet

In meinem Code habe ich keine explizite Verwendung voncomponentWillMount , aber ich sehe immer noch einige Warnungen beim Ausführen webpack. react-dom.development.js: 12386 Warnung: componentWillMount wurde umbenannt und wird nicht zur Verwendung empfohlen. Weitere Informationen finden Sie unter https://fb.me/react-unsafe-component-lifecycles. Verschieben Sie Code mit Nebenwirkungen nach componentDidMount und legen Sie den Anfangszustand …

9 javascript reactjs react-props

4

npx create-react-app funktioniert nicht “Muss Import zum Laden des ES-Moduls verwenden:”

Ich habe versucht, den Knoten neu zu installieren und appdata / roaming / npm und npm-cache zu entfernen. Ich habe bereits mehrere Apps erstellt, daher bin ich mir nicht sicher, was los ist. Jede Hilfe wird geschätzt.

8 reactjs create-react-app npx

2

Wie kann ich dafür sorgen, dass "React-Beautiful-Dnd" keine "React-Transition-Group" -Animation auslöst?

Video zur Demonstration meines Problems: https://i.imgur.com/L3laZLc.mp4 Ich habe eine einfache App, in der Sie Karten zu 2 verschiedenen Zeilen hinzufügen können. Wenn einer Zeile eine Karte hinzugefügt wird, löse ich react-transition-groupeine "Enter" -Animation aus. Ich habe jedoch auch react-beautiful-dndinstalliert, um das Ziehen von Karten zwischen den Zeilen zu ermöglichen und …

8 css reactjs animation react-transition-group react-beautiful-dnd

4

Das Eingabefeld "Reagieren" verliert beim Filtern von Daten den Fokus

Ich habe eine Liste von Arrays und wenn ich anfange, in die inputListe von Arrays einzugeben, wird entsprechend gefiltert value. Es funktioniert, aber ich verliere den Fokus, inputnachdem ich ein Zeichen eingegeben habe. Mein Code: const MyPage = (props) => { const [searchTerm, setSearchTerm] = useState(""); const results = !searchTerm …

8 reactjs react-native

4

Öffnen Sie das ausklappbare Menü standardmäßig basierend auf der ID

Ich erstelle ein verschachteltes Menü und Untermenüs und alles wurde ab sofort erledigt. Ich muss dieses zusammenklappbare Menü jetzt standardmäßig auf der Grundlage der angegebenen ID öffnen. Sie können sich auch das vollständige Arbeitscode-Snippet unten ansehen. const loadMenu = () => Promise.resolve([{id:"1",name:"One",children:[{id:"1.1",name:"One - one",children:[{id:"1.1.1",name:"One - one - one"},{id:"1.1.2",name:"One - one …

8 javascript html reactjs accordion reactstrap

1

Warum wird diese Komponente nach dem Auslösen eines Fehlers gerendert?

Ich verfolge derzeit die React JS-Dokumentation und bin auf ein Problem gestoßen, bei dem die Fehlergrenzen nicht wie erwartet funktionieren. Ich habe versucht, das in dem von den Dokumenten bereitgestellten CodePen gezeigte Beispiel und einige andere einfache Beispiele, die ich im Internet gefunden habe, zu replizieren, aber es funktioniert bei …

8 reactjs

1

Warum werden HTML-Attribute im DOM anders festgelegt?

Nachdem wir einige Stunden gegraben hatten, beschlossen wir, eine Frage zu SO zu stellen, in der Hoffnung, dass jemand anderes in Bezug auf das folgende Problem helfen könnte. Für eine unserer Webanwendungen haben wir das Onsen UI js Framework mit seiner React-Unterstützungsbibliothek verwendet Wenn wir versuchen, die Anwendung in unseren …

8 javascript html reactjs onsen-ui

3

Verwendung von jest.config.js mit der create-react-app

Ich möchte meinen Scherz Config aus meinem package.json bewegen, ich versuche , die --config wie vorgeschlagen zu verwenden , hier aber den Fehlerargv.config.match is not a function package.json "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --config jest.config.js", "eject": "react-scripts eject", }, cli hutber@hutber-mac:/var/www/management/node$ npm test -u …

8 javascript reactjs testing jestjs create-react-app

1

Verwenden von React Lazy Loading, wenn ich zu einer verschachtelten Route navigiere, die das Hauptpaket nicht lädt

Ich verwende reagieren Router mit Komponente verzögertes Laden und mit Webpack als Bündler , wenn ich auf die Homepage zugreifen / kann ich im Netz Registerkarte sehen , dass die bundle.jsgeladen wird , und auch wenn ich auf einem bestimmten Element in der Seitenleiste der Korrespondent Komponente wird beispielsweise erfolgreich …

8 javascript reactjs webpack react-router lazy-loading

4

Wie wende ich ein dunkles Thema für eine React-App an?

Ich möchte dieses dunkle Thema für meine neue React-Web-App verwenden: https://github.com/ant-design/ant-design-dark-theme Nachdem ich den Anweisungen zum Anpassen des Themas hier und den Anweisungen zum Anwenden des Themas in README hier gefolgt bin, sieht meine config-overrides.js folgendermaßen aus: const { darkTheme } = require('@ant-design/dark-theme'); const { override, fixBabelImports, addLessLoader } = …

8 reactjs less antd

2

Reagieren Sie mit - Ant Design Sider auf Router: So füllen Sie den Inhaltsbereich mit Komponenten für den entsprechenden Menüpunkt

Ich versuche, AntD Menüsider wie ein Registerkartenfeld zu verwenden. Ich möchte Komponenten in den Inhalt einfügen, damit das Inhaltsfenster die zugehörige Komponente rendert, wenn auf ein Menüelement geklickt wird. Wie kann ich diese Struktur dazu bringen, Komponenten als Inhalt für jeden Menüpunkt zu verwenden? import React from 'react'; import { …

8 javascript reactjs react-router-dom antd

Als «reactjs» getaggte Fragen