Ich versuche, den besten Weg zu finden, um ein Element aus einem Array im Status einer Komponente zu entfernen. Gibt this.statees eine bessere (prägnantere) Möglichkeit, ein Element aus einem Array zu entfernen, als ich es hier habe, da ich die Variable nicht direkt ändern sollte ?: onRemovePerson:...
Ich verwende das React-Router-Modul der letzten Version mit dem Namen React-Router-Dom, das bei der Entwicklung von Webanwendungen mit React zum Standard geworden ist. Ich möchte wissen, wie man nach einer POST-Anfrage eine Umleitung vornimmt. Ich habe diesen Code erstellt, aber nach der Anfrage...
Die Geschichte ist, ich sollte Bob, Sally und Jack in eine Kiste stecken können. Ich kann auch entweder aus der Box entfernen. Nach dem Entfernen bleibt kein Steckplatz mehr übrig. people = ["Bob", "Sally", "Jack"] Ich muss jetzt beispielsweise "Bob" entfernen. Das neue Array wäre: ["Sally",...
Ich schreibe ein Skript, das die Dropdown-Liste je nach Dropdown-Höhe und Position der Eingabe auf dem Bildschirm unter oder über die Eingabe verschiebt. Außerdem möchte ich den Modifikator entsprechend seiner Richtung auf Dropdown setzen. Wenn Sie jedoch das setStateInnere des verwenden,...
Was ist der richtige Typ für React-Ereignisse? Anfangs habe ich nur anyder Einfachheit halber verwendet. Jetzt versuche ich, Dinge aufzuräumen und die Verwendung anyvollständig zu vermeiden . Also in einer einfachen Form wie dieser: export interface LoginProps { login: { [k: string]: string |...
Ich bin ein Angular-Entwickler und neu in React. Dies ist eine einfache React-Komponente, die jedoch nicht funktioniert import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = {...
Ich versuche, meinem Projekt eine React Map-Komponente hinzuzufügen, aber es tritt ein Fehler auf. Ich verwende den Blog-Beitrag von Fullstack React als Referenz. Ich habe in google_map.js Zeile 83 herausgefunden, wo der Fehler ausgelöst wird: function _classCallCheck(instance, Constructor) { if...
Ich habe Formularelemente mit labels und ich möchte eindeutige IDs haben, um labels mit Elementen mit htmlForAttribut zu verknüpfen . Etwas wie das: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> );...
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
Ich teste eine React-Komponente mit flachem Jasmine Enzyme-Rendering. Hier für die Zwecke dieser Frage vereinfacht ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div>...
Ich habe ein Formular zum Erstellen, Lesen, Aktualisieren und Löschen. Ich habe 3 Komponenten mit der gleichen Form erstellt, aber ich gebe ihnen verschiedene Requisiten. Ich habe CreateForm.js, ViewForm.js (schreibgeschützt mit der Schaltfläche Löschen) und UpdateForm.js. Ich habe früher mit PHP...
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": {
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....
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
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...
Ich versuche, event.stopPropagation () in einer ReactJS-Komponente zu verwenden, um zu verhindern, dass ein Klickereignis in die Luft sprudelt und ein Klickereignis auslöst, das mit JQuery im Legacy-Code angehängt wurde. Es scheint jedoch, dass stopPropagation () von React nur die Weitergabe an...
Ich bin neu in ReactJS und UI und wollte wissen, wie man einen einfachen REST-basierten POST-Aufruf aus ReactJS-Code ausführt. Wenn es ein Beispiel gibt, wäre es wirklich
Ich habe gerade festgestellt, dass die React- this.setState()Funktion in einer Komponente asynchron ist oder nach Abschluss der aufgerufenen Funktion aufgerufen wird. Jetzt habe ich diesen Blog gesucht und gefunden ( setState () State Mutation Operation kann in ReactJS synchron sein ) Hier stellte...
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 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...