Ich benutze React mit React-Router. Ich versuche, Eigenschaften in einem "Link" des React-Routers zu übergeben var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var...
TLDR: Verwenden Sie defaultChecked anstelle von aktiviertem , funktionierendem jsbin . Es wird versucht, ein einfaches Kontrollkästchen einzurichten, bei dem der Beschriftungstext durchgestrichen wird, wenn es aktiviert ist. Aus irgendeinem Grund wird handleChange nicht ausgelöst, wenn ich die...
Ich habe eine sehr einfache Funktionskomponente wie folgt: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; Und noch eine Komponente: import * as React from "react"; export interface...
meine Fehlerausgabe: Ungültiges Konfigurationsobjekt. Webpack wurde mit einem Konfigurationsobjekt initialisiert, das nicht mit dem API-Schema übereinstimmt. - configuration.module hat eine unbekannte Eigenschaft 'loader'. Diese Eigenschaften sind gültig: Objekt {exprContextCritical?,...
Ich habe eine Benachrichtigungskomponente und eine Timeout-Einstellung dafür. Nach einer Auszeit rufe ich an this.setState({isTimeout:true}). Was ich tun möchte, ist, wenn bereits eine Zeitüberschreitung vorliegt, ich möchte einfach nichts rendern: render() { let finalClasses = "" +...
Ich habe ein Problem mit meinen Bildern in meinem Reaktionsprojekt. In der Tat habe ich immer gedacht, dass der relative Pfad zum src-Attribut auf der Dateiarchitektur basiert Hier meine Dateiarchitektur: components file1.jsx file2.jsx file3.jsx container img js ... Mir wurde jedoch klar, dass der...
Wie kann ich Informationen von einem ReadableStreamObjekt erhalten? Ich verwende die Fetch-API und sehe dies nicht in der Dokumentation. Der Körper wird als zurückgegeben ReadableStreamund ich möchte einfach auf eine Eigenschaft innerhalb dieses Streams zugreifen. Unter Antwort in den...
Ich bin ein Neuling in der Reaktion. Ich möchte Bootstrap in meine Reaktions-App aufnehmen Ich habe Bootstrap von installiert npm install bootstrap --save Jetzt möchte ich Bootstrap CSS und JS in meine Reaktions-App laden. Ich benutze Webpack. webpack.config.js var config = { entry: './src/index',...
Ich spiele mit Reactund ES6benutze babelund webpack. Ich möchte mehrere Komponenten in verschiedenen Dateien erstellen, in eine einzige Datei importieren und mit ihnen bündelnwebpack Angenommen, ich habe einige Komponenten wie diese: my-navbar.jsx import React from 'react'; import Navbar from...
Was ist der Unterschied zwischen Komponente und Behälter bei der Reaktion auf
Ich habe eine Reaktionsanwendung auf mein System geklont und die folgenden Befehle ausgeführt npm install -g create-react-app npm install --save react react-dom Danach rannte ich npm start Aber es warf den oben erwähnten Fehler, es funktioniert gut auf meinem anderen System, von dem ich es auf...
Ich verwende den folgenden Code, um Standard-Requisiten für eine React-Komponente festzulegen, aber es funktioniert nicht. In der render()Methode kann ich sehen, dass die Ausgabe "undefinierte Requisiten" auf der Browserkonsole gedruckt wurde. Wie kann ich einen Standardwert für die...
Anstatt meine Komponenten in eine Klasse zu schreiben, möchte ich stattdessen die Funktionssyntax verwenden. Wie überschreiben ich componentDidMount, componentWillMountinnerhalb Funktionskomponenten? Ist es überhaupt möglich? const grid = (props) => { console.log(props); let {skuRules} =...
Obwohl es eine ähnliche Frage gibt, kann ich keine Datei mit mehreren Funktionen erstellen. Ich bin mir nicht sicher, ob die Methode bereits veraltet ist oder nicht, da sich RN sehr schnell entwickelt. Wie erstelle ich eine globale Hilfsfunktion in React Native? Ich bin neu bei React Native....
Ich lerne gerade das Hooks-Konzept in React und versuche, das folgende Beispiel zu verstehen. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked...
Wie erhalte ich die vollständige URL aus einer ReactJS-Komponente? Ich denke, es sollte so etwas sein, this.props.locationaber es ist
Ich lese über Flux, aber das Beispiel der Todo-App ist zu einfach, als dass ich einige wichtige Punkte verstehen könnte. Stellen Sie sich eine einseitige App wie Facebook mit Benutzerprofilseiten vor . Auf jeder Benutzerprofilseite möchten wir einige Benutzerinformationen und ihre letzten Beiträge...
Ich habe in React eine Komponente erstellt, die ihren eigenen Stil beim Scrollen im Fenster aktualisieren soll, um einen Parallaxeeffekt zu erzeugen. Die Komponentenmethode rendersieht folgendermaßen aus: function() { let style = { transform: 'translateY(0px)' };
Warum wird Child im folgenden Pseudocode-Beispiel nicht neu gerendert, wenn der Container foo.bar ändert? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } Auch...
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:...