Als «reactjs» getaggte Fragen

React (auch bekannt als React.js oder ReactJS) ist eine von Facebook entwickelte JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives, komponentenbasiertes Paradigma und soll sowohl effizient als auch flexibel sein.

8
Reagieren Sie auf "Start des Entwicklungsservers"
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 auch der Browser absolut nichts auf unbestimmte Zeit. …
6
React-Router-Dom UseParams () innerhalb der Klassenkomponente
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 abzurufen: import React from "react"; import { …
2
Wert der Verwendung von React.forwardRef vs benutzerdefinierte ref prop
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} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); …
3
Javascript - Reine vs unreine Funktionen
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 Eingabe. Beispiel function withdraw(account, amount) …
5
Best Practices für gemeinsam genutzte Komponentenbibliotheken
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 . Aus Leistungsgründen möchte ich nicht, dass der gesamte Code vom …
2
Domänenübergreifende OAuth-Popup-Sicherheit React.js
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, ist window.opener aufgrund der domänenübergreifenden Sicherheit null, daher können wir …
5
React Hooks - mit useState gegen nur Variablen
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 gleichen Ergebnisse …
4
Der beste Weg, um Parameter im onClick-Handler zu übergeben
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={() => this.changeRoute("page1")}>1</div> <div onClick={() => this.changeRoute("page2")}>2</div> </> …
5
material-ui 'createSvgIcon' wird nicht aus '@ material-ui / core / utils' exportiert.
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 aus: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Also habe ich versucht, dieses Problem zu googeln und …
2
Kompilierungsfehler mit der Funktion Component Lab> Autocomplete für SVG-Symbole in der Material-Benutzeroberfläche
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 Autocomplete-Komponente zu implementieren (aus dem Beispiel im Abschnitt "Mehrere Werte"). Hier ist der Code, den ich verwende: import React from …
3
Wie kann ich eine React-If-Komponente erstellen, die sich in Typescript wie ein echtes If verhält?
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 <>{props.children}</>; } return null; } Damit kann ich einen saubereren Code schreiben, wie zum …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.