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.

5
configuration.module hat eine unbekannte Eigenschaft 'loader'
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?, ExprContextRecursive?, ExprContextRegExp?, ExprContextRequest?, NoParse?, Regeln?, DefaultRules?, UnknownContextCritical?, UnknownContextRecursive? ?, strictExportPresence?, strictThisContextOnImports? } -> Optionen, die die normalen Module betreffen ( NormalModuleFactory). …
136 reactjs  webpack 
7
Reagieren Sie das Kontrollkästchen, das onChange nicht sendet
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 Komponente verwende. Kann mir jemand erklären, was ich falsch mache? var CrossoutCheckbox …
12
TypeScript and React - Kinder tippen?
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 LayoutProps { children: React.ReactNode } const layout …
6
Wie importiere und exportiere ich Komponenten mit React + ES6 + Webpack?
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 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar …
11
Richtiger Pfad für img auf React.js
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 Pfad auf der URL basiert. In …
18
Wie füge ich Bootstrap CSS und JS in die ReactJS App ein?
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', output: { path: './', filename: 'index.js' …
25
sh: react-scripts: Befehl nach dem Ausführen von npm start nicht gefunden
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 Github geschoben habe. Aber …
135 reactjs 
6
Ist es möglich, in der React-Render-Funktion leer zurückzugeben?
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 = "" + (this.state.classes || ""); if (isTimeout){ return (); // here has some syntax error …
135 reactjs 
7
Daten von einem ReadableStream-Objekt abrufen?
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 Browser-Entwicklungstools scheinen diese Informationen in Form eines JavaScript-Objekts in Eigenschaften organisiert …
9
Festlegen der Komponenten-Standardrequisiten für die React-Komponente
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 Komponentenstützen definieren? export default class AddAddressComponent extends Component { render() { let …
9
Was ist useState () in React?
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 {count} times</p> <button onClick={() => setCount(count + …
8
ReactJS-Lebenszyklusmethode innerhalb einer Funktionskomponente
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} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( <Content …
133 reactjs  redux 
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.