Ich benutze Style-Loader mit Webpack und React Framework. Wenn ich Webpack im Terminal ausführe, erhalte Module not found: Error: Cannot resolve module 'style-loader'ich die Datei import.js, obwohl ich den Dateipfad korrekt angegeben habe. import '../css/style.css'; import React from 'react';...
Ich verstehe, dass React-Tutorials und -Dokumentationen ohne Zweifel warnen, dass der Status nicht direkt mutiert werden sollte und dass alles durchlaufen sollte setState. Ich möchte verstehen, warum genau ich nicht einfach den Status direkt ändern und dann (in derselben Funktion) aufrufen...
Gibt es eine Möglichkeit, Komponenten oder HTML-Vervollständigungen in Visual Studio Code zu verwenden? Weil es keine gute Idee ist, jeden Buchstaben manuell einzugeben, wenn wir Klassen wie Bootstrap usw. haben. Zum Beispiel Vervollständigung wie in Emmet:ul>li*2>a var React =...
Ich habe das folgende Snippet in meiner index.js class App extends Component { render() { return ( <div style = { styles.app } > Welcome to React! </div> ) } } Der Code funktioniert, aber jedes Mal, wenn ich das Visual Studio-Format (Strg + S) speichere, sieht das jsx...
Ich habe diese Aktion in Reaktion export function fetchPosts() { const request = axios.get(`${WORDPRESS_URL}`); return { type: FETCH_POSTS, payload: request } } Wie teste ich in diesem Fall Axios? Jest haben diesen Anwendungsfall auf der Website für asynchronen Code, wo sie eine...
In einer React- Funktionskomponente , die den besseren Ansatz zum Festlegen von Standard-Requisiten darstellt, verwenden Component.defaultPropsoder verwenden Sie die Standardparameter für die Funktionsdefinition: Standard Requisiten: const Component = ({ prop1, prop2 }) => (
Ich versuche es zu tun npm installund ein Fehler erscheint: Failed at the [email protected] postinstall script. Ich habe versucht, es zu löschen node_modulesund dann neu zu installieren. Der gleiche Fehler wird angezeigt. Was wird die Lösung sein? Knoten v8.9.3 npm v5.4.2 ionisch 3.19.0...
Ich erhalte diesen Fehler, wenn ich den useStateHaken benutze . Ich habe dies in seiner Grundform und schaue in den Reaktionsdokumenten nach einer Referenz, erhalte aber immer noch diesen Fehler. Ich bin bereit für den Moment mit der Gesichtspalme ... export function Header() { const [count,...
Ich habe den folgenden Code in meinem Render des Elternteils <div> { this.state.OSMData.map(function(item, index) { return <Chart key={index} feature={item} ref="charts" /> }) } </div> Und Code unten in meinem Kinderdiagramm <div className="all-charts"> <ChartistGraph...
Ich überprüfe die ES6-Syntax in React und schreibe die Komponenten wie folgt: export default class Loginform extends React.Component { getInitialState() { return { name: '', password: '' }; }; } aber der Browser wirft mir eine Warnung vor: Warnung: getInitialState wurde in Loginform...
Ich verwende React / JSX in meiner App, um das zu erreichen, was ich will, auch Lodash. Ich muss ein Element je nach Bedingung einige Male wiederholen. Wie soll ich das machen Hier ist das Element: <span className="busterCards">♦</span>; Und ich ordne es so zu: let card; if (data.hand...
componentDidMount(prevProps, prevState, prevContext) { let [audioNode, songLen] = [this.refs.audio, List.length-1]; audioNode.addEventListener('ended', () => { this._endedPlay(songLen, () => { this._currSong(this.state.songIndex); this._Play(audioNode); }); });
Ich habe ein Formular, in dem ich Änderungsereignisse bei Texteingaben behandeln möchte , aber React onChange- Triggerung bei gedrückter Taste (im Gegensatz zu nativem JS, das Änderungsereignisse auslöst , wenn ein Eingabefeld unscharf ist ). Gibt es eine Reaktionsmöglichkeit, um das zu tun, was...
Ich möchte eine zustandslose Komponente erstellen, deren inputElement von der übergeordneten Komponente überprüft werden kann. In meinem Beispiel unten stößt ich auf ein Problem, bei dem die Eingabe refniemals dem Privateigentum des Elternteils zugewiesen wird _emailAddress. Wann...
Wie kann ich eine zustandslose reine dumme Komponente exportieren? Wenn ich Klasse benutze, funktioniert das: import React, { Component } from 'react'; export default class Header extends Component { render(){ return <pre>Header</pre> } } Wenn ich jedoch eine reine Funktion...
Ich versuche, den React-Router in einer Beispielanwendung einzurichten, und erhalte die folgende Fehlermeldung: You should not use <Link> outside a <Router> Meine App ist wie folgt eingerichtet: Übergeordnete Komponente const router = ( <div className="sans-serif"> <Router...
Ich versuche, den Status mithilfe von React hook setState () mithilfe der Requisiten festzulegen, die die Komponente erhält. Ich habe versucht, den folgenden Code zu verwenden: import React,{useState , useEffect} from 'react'; const Persons = (props) => { // console.log(props.name); const...
Soweit ich verstanden habe, kann ich refs für ein einzelnes Element wie dieses verwenden: const { useRef, useState, useEffect } = React; const App = () => { const elRef = useRef(); const [elWidth, setElWidth] = useState(); useEffect(() => { setElWidth(elRef.current.offsetWidth);...
Ich verfolge einen Udemy-Kurs zum Registrieren von Ereignissen mit Hooks. Der Kursleiter gab den folgenden Code an: const [userText, setUserText] = useState(''); const handleUserKeyPress = event => { const { key, keyCode } = event; if (keyCode === 32 || (keyCode >= 65 && keyCode...
Ich habe versucht herauszufinden, wie Bilder über React und Webpack dynamisch hinzugefügt werden können. Ich habe einen Bildordner unter src / images und eine Komponente unter src / components / index . Ich verwende URL-Loader mit der folgenden Konfiguration für Webpack { test:...