Ich probiere die neuen React Hooks aus und habe eine Clock-Komponente mit einem Zähler, der sich jede Sekunde erhöhen soll. Der Wert steigt jedoch nicht über eins an. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() =>...
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...
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...
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...
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 = {...
Etwas so Einfaches sollte leicht zu erreichen sein, aber ich ziehe mir die Haare aus, wie kompliziert es ist. Ich möchte nur das Ein- und Aushängen einer React-Komponente animieren, fertig. Folgendes habe ich bisher versucht und warum nicht jede Lösung funktioniert: ReactCSSTransitionGroup - Ich...
Grundsätzlich habe ich eine Reaktionskomponente, deren render()Funktionskörper wie folgt ist: (Es ist meine ideale, was bedeutet, dass es derzeit nicht funktioniert) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage)...
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="/"...
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={...
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...
Ich möchte eine ziehbare (dh mit der Maus repositionierbare) React-Komponente erstellen, an der anscheinend globale Status- und Streuereignishandler beteiligt sind. Ich kann es auf schmutzige Weise tun, mit einer globalen Variablen in meiner JS-Datei, und könnte es wahrscheinlich sogar in eine...
Ich habe gelegentlich reaktionsfähige Komponenten, die konzeptionell aussagekräftig sind und die ich zurücksetzen möchte. Das ideale Verhalten wäre gleichbedeutend mit dem Entfernen der alten Komponente und dem Lesen einer neuen, makellosen Komponente. React bietet eine Methode setState, mit der...
Ich versuche, eine Präsentationskomponente von einer Containerkomponente zu trennen. Ich habe ein SitesTableund ein SitesTableContainer. Der Container ist dafür verantwortlich, Redux-Aktionen auszulösen, um die entsprechenden Sites basierend auf dem aktuellen Benutzer abzurufen. Das Problem ist,...
Ich habe zwei Komponenten: Übergeordnete Komponente, von der aus ich den Status der untergeordneten Komponente ändern möchte: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}>...
Während ich den HTML-Code einiger Seiten durchgesehen habe, habe ich festgestellt, dass einige von ihnen dieses Attribut "data-reactid" verwenden, wie: <a data-reactid="......" ></a> Was ist dieses Attribut und welche Funktion hat es?
Ich möchte das deaktivierte Attribut eines Schaltflächenelements dynamisch einschließen / weglassen. Ich habe viele Beispiele für dynamische Attributwerte gesehen, aber nicht für Attribute selbst. Ich habe die folgende Renderfunktion: render: function() { var maybeDisabled =...
Was verursacht folgendes Problem? Wird meine Android SDK-Version nicht unterstützt? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred...
In letzter Zeit habe ich viel über die Funktionalität und die Verwendung der Facebook-JavaScript-Bibliothek React.js gelernt. Beim Sprechen seiner Unterschiede zum Rest der JavaScript Welt oft die beiden Programmierstile declarativeund imperativeerwähnt werden. Was ist der Unterschied zwischen...
Ich bin sehr neu in Webpack. Ich habe festgestellt, dass wir in der Produktion die Größe des gesamten Codes reduzieren können. Derzeit erstellt Webpack ca. 8 MB Dateien und main.js ca. 5 MB. Wie kann die Größe des Codes im Produktions-Build reduziert werden? Ich habe eine
Soweit ich weiß und mich korrigiere, wenn ich falsch liege , ist Redux-Thunk eine Middleware, die uns hilft, Async-Funktionen und Debug-Werte in der Aktion selbst zu versenden, während ich bei Verwendung von Redux-Versprechen keine Async-Funktionen erstellen konnte, ohne meine eigenen zu...