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.

6
Was ist "Montage" in React js?
Ich höre den Begriff "Mount" zu oft, während ich ReactJS lerne. Und es scheint Lebenszyklusmethoden und Fehler in Bezug auf diesen Begriff zu geben. Was genau bedeutet Reagieren mit Montage? Beispiele: componentDidMount() and componentWillMount()

4
Einbetten von SVG in ReactJS
Ist es möglich, SVG-Markup in eine ReactJS-Komponente einzubetten? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Ergebnisse im Fehler: Namespace-Attribute werden nicht unterstützt. ReactJSX ist kein XML. Was ist der leichteste Weg, dies zu tun. Die Verwendung von React ART ist für das, …
127 javascript  svg  reactjs 

5
Warum bekomme ich immer wieder "cr" löschen [hübscher / hübscher]?
Ich verwende vscode mit Prettier 1.7.2 und Eslint 1.7.0. Nach jedem Zeilenumbruch bekomme ich: [eslint] Delete 'cr' [prettier/prettier] Dies ist die .eslintrc.json: { "extends": ["airbnb", "plugin:prettier/recommended"], "env": { "jest": true, "browser": true }, "rules": { "import/no-extraneous-dependencies": "off", "import/prefer-default-export": "off", "no-confusing-arrow": "off", "linebreak-style": "off", "arrow-parens": ["error", "as-needed"], "comma-dangle": [ "error", { …




19
Wie scrolle ich nach unten, um zu reagieren?
Ich möchte ein Chat-System erstellen und beim Betreten des Fensters und beim Eingang neuer Nachrichten automatisch nach unten scrollen. Wie scrollen Sie in React automatisch zum Ende eines Containers?
126 reactjs 

4
Fehler: Node Sass Version 5.0.0 ist nicht kompatibel mit ^ 4.0.0
Ich habe ein leeres React-Projekt mit dem folgenden Befehl erstellt: npx create-react-appon npm v7.0.7 und Node v15.0.1 Eingerichtet: Reagiere v17.0.1, node-sass v5.0.0, Dann habe ich versucht, eine leere .scss-Datei in die App-Komponente zu importieren: App.js. import './App.scss' function App() { return ( <div className="App"> App </div> ); } export default …

8
Fügen Sie den Autorisierungsheader für alle Axios-Anforderungen hinzu
Ich habe eine React / Redux-Anwendung, die ein Token von einem API-Server abruft. Nachdem sich der Benutzer authentifiziert hat, möchte ich, dass alle Axios-Anforderungen dieses Token als Autorisierungsheader haben, ohne es manuell an jede Anforderung in der Aktion anhängen zu müssen. Ich bin ziemlich neu in der Reaktion / Redux …
125 reactjs  redux  axios 

11
Es kann keine Aktualisierung des Reaktionsstatus für eine nicht gemountete Komponente durchgeführt werden
Problem Ich schreibe eine Anwendung in React und war nicht in der Lage ein Super häufigen Fehler zu vermeiden, die riefen setState(...)nach componentWillUnmount(...). Ich habe mir meinen Code sehr genau angesehen und versucht, einige Schutzklauseln einzuführen, aber das Problem blieb bestehen und ich beobachte die Warnung immer noch. Daher habe …

5
Erkennen des Esc-Tastendrucks in React und Umgang damit
Wie erkenne ich den Esc-Tastendruck bei Reaktionen? Ähnlich wie bei jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); Einmal erkannt, möchte ich die Info-Komponenten weitergeben. Ich habe 3 Komponenten, von denen die letzte aktive Komponente auf …

11
'dispatch' ist keine Funktion, wenn ein Argument für mapToDispatchToProps () in Redux vorliegt
Ich bin ein Javascript / Redux / React-Anfänger, der eine kleine Anwendung mit Redux, React-Redux und React erstellt. Aus irgendeinem Grund erhalte ich bei Verwendung der Funktion mapDispatchToProps in Verbindung mit connect (React-Redux-Bindung) einen TypeError, der angibt, dass der Versand keine Funktion ist, wenn ich versuche, die resultierende Requisite auszuführen. …

7
Home enthält keinen Export namens Home
Ich habe mit gearbeitet create-react-appund bin auf dieses Problem gestoßen, wo ich es bekomme Home does not contain an export named Home. So richte ich meine App.jsDatei ein: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends …


6
Verwenden von React in einer mehrseitigen App
Ich habe mit React herumgespielt und bis jetzt mag ich es wirklich. Ich erstelle eine App mit NodeJS und möchte React für einige der interaktiven Komponenten in der gesamten Anwendung verwenden. Ich möchte es nicht zu einer einseitigen App machen. Ich habe noch nichts im Internet gefunden, das die folgenden …

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.