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
Wie testest du die Nichtexistenz eines Elements mit einer Scherz- und Reaktionstestbibliothek?
Ich habe eine Komponentenbibliothek, in der ich Unit-Tests für die Verwendung von Jest und React-Testing-Library schreibe. Basierend auf bestimmten Requisiten oder Ereignissen möchte ich überprüfen, ob bestimmte Elemente nicht gerendert werden. getByText, getByTestIdUsw. throw und Fehler in , react-testing-librarywenn das Element nicht gefunden wird , um den Test zu verursachen …
5
React.useState lädt den Status von Requisiten nicht neu
Ich erwarte, dass der Status beim Ändern der Requisiten neu geladen wird, aber dies funktioniert nicht und die userVariable wird beim nächsten useStateAufruf nicht aktualisiert . Was ist falsch? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) : (<p>Loading...</p>); } Codepen
5
Make React useEffect-Hook wird beim ersten Rendern nicht ausgeführt
Laut den Dokumenten: componentDidUpdate()wird sofort nach der Aktualisierung aufgerufen. Diese Methode wird beim ersten Rendern nicht aufgerufen. Wir können den neuen useEffect()Hook zum Simulieren verwenden componentDidUpdate(), aber es scheint, useEffect()als würde er nach jedem Rendern ausgeführt, sogar beim ersten Mal. Wie kann ich erreichen, dass es beim ersten Rendern nicht …
14
REACT - Klasse per Mausklick umschalten
Ich versuche herauszufinden, wie eine aktive Klasse umgeschaltet werden kann onClick, um die CSS-Eigenschaften zu ändern. Ich habe viele Ansätze gewählt und viele SO-Antworten gelesen. Mit jquery wäre es relativ einfach, aber ich kann nicht herausfinden, wie man das mit reagieren macht. Mein Code ist unten. Kann mir jemand raten, …
3
Warum ist das `MouseEvent` im Checkbox-Ereignishandler nicht generisch?
Ich habe ein Kontrollkästchen TSX (JSX) -Element: <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> Mit Hilfe von VS-Code weiß ich, dass der Eingabeparametertyp der this.handleCheckboxClickist MouseEvent<HTMLInputElement>. Also habe ich es implementiert mit: private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) { ... } Dann erhalte ich die Fehlermeldung [ts] Type 'MouseEvent' is not generic.Wie im Bild unten …
15
Das Modul (nicht gefunden) in React.js kann nicht aufgelöst werden
Ich kann nicht glauben, dass ich eine offensichtliche Frage stelle, aber ich erhalte immer noch den Fehler im Konsolenprotokoll. Die Konsole sagt, dass das Modul nicht im Verzeichnis gefunden werden kann, aber ich habe mindestens 10 Mal nach Tippfehlern gesucht. Wie auch immer, hier ist der Komponentencode. Ich möchte den …
11
So importieren Sie eine CSS-Datei in eine React-Komponente
Ich möchte eine CSS-Datei in eine Reaktionskomponente importieren. Ich habe es versucht, import disabledLink from "../../../public/styles/disabledLink";aber ich erhalte den folgenden Fehler. Modul nicht gefunden: Fehler: 'Datei' oder 'Verzeichnis' kann nicht aufgelöst werden ../../../public/styles/disabledLink in c: \ Benutzer \ Benutzer \ Dokumente \ pizza-app \ client \ src \ components @. …
5
Reaktionseingabe defaultValue wird nicht mit dem Status aktualisiert
Ich versuche, ein einfaches Formular mit "Reagieren" zu erstellen, habe jedoch Schwierigkeiten, die Daten ordnungsgemäß an den Standardwert des Formulars zu binden. Das Verhalten, das ich suche, ist folgendes: Wenn ich meine Seite öffne, sollte das Texteingabefeld mit dem Text meiner AwayMessage in meiner Datenbank ausgefüllt werden. Das ist "Beispieltext" …
6
Wie leite ich mit dem React-Router auf eine andere Route um?
Ich versuche EINFACH mit dem React-Router ( Version ^ 1.0.3 ) zu tun , um zu einer anderen Ansicht umzuleiten, und ich werde nur müde. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes = { router: PropTypes.func.isRequired }; constructor(props, context) …
7
Die Requisite "history" ist in "Router" als erforderlich markiert, ihr Wert ist jedoch "undefined". im Router
Ich bin neu bei ReactJs. Das ist mein Code: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/" component={Main}></Route> </Router>, document.getElementById('app')); und kompilieren Sie es mit Webpack. Außerdem habe ich meinen Aliasnamen die Hauptkomponente hinzugefügt. …
7
ReactJS und Bilder im öffentlichen Ordner
Ich bin neu in ReactJS und möchte Bilder in eine Komponente importieren. Diese Bilder befinden sich im öffentlichen Ordner und ich weiß nicht, wie ich über die Reaktionskomponente auf den Ordner zugreifen soll. Irgendwelche Ideen ? BEARBEITEN Ich möchte ein Bild in Bottom.js oder Header.js importieren Der Strukturordner lautet: Ich …
11
Hinzufügen mehrerer Klassen in der Material-Benutzeroberfläche mithilfe der Klassenrequisiten
Wie füge ich mithilfe der css-in-js-Methode Klassen zu einer Reaktionskomponente hinzu? Hier ist die Klassenvariable: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); So habe ich es benutzt: return ( <div className={ this.props.classes.container }> Das Obige funktioniert, aber gibt …
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.