Wie kann ich ein Klickereignis in ReactJS manuell auslösen ? Wenn ein Benutzer auf Element1 klickt, möchte ich automatisch einen Klick auf das inputTag auslösen . <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}>...
Beim Erstellen einer Reaktions-App wird standardmäßig der Service Worker aufgerufen. Warum wird ein Servicemitarbeiter eingesetzt? Was ist der Grund für den Standardaufruf?
Ich arbeite an einem Projekt in React und bin auf ein Problem gestoßen, das mich verblüfft hat. Immer wenn ich renne, yarn starterhalte ich folgende Fehlermeldung: TypeError [ERR_INVALID_ARG_TYPE]: Das Argument "path" muss vom Typ string sein. Empfangener Typ undefiniert Ich habe keine...
Ich verwende Sublime Text als Texteditor. Es gibt ein jsFormat zum Formatieren von Javascript-Dateien, aber ich kann keines für JSX finden. Wie geht ihr mit der Formatierung von JSX
Ich habe mir die Dokumentation von Facebook unter ( React.Component ) angesehen und darin erwähnt, wie componentWillMountauf dem Client / Server componentDidMountaufgerufen wird, während sie nur auf dem Client aufgerufen wird. Was macht componentWillMountder
Ich möchte eine Methode aufrufen, die von einer React-Komponente aus der Instanz eines React-Elements verfügbar gemacht wird. Zum Beispiel in dieser jsfiddle . Ich möchte die alertMessageMethode aus der HelloElementReferenz aufrufen . Gibt es eine Möglichkeit, dies zu erreichen, ohne zusätzliche...
Ich versuche, einen Klassennamen an eine Reaktionskomponente zu übergeben, um deren Stil zu ändern, und kann anscheinend nicht funktionieren: class Pill extends React.Component { render() { return ( <button className="pill {this.props.styleName}">{this.props.children}</button> ); } }...
In meiner Reaktionskomponente versuche ich, einen einfachen Spinner zu implementieren, während eine Ajax-Anforderung ausgeführt wird. Ich verwende den Status, um den Ladestatus zu speichern. Aus irgendeinem Grund löst dieser Code in meiner React-Komponente diesen Fehler aus Kann nur eine gemountete...
In dieser Dokumentation von React heißt es: flatCompare führt eine flache Gleichheitsprüfung für die aktuellen Requisiten- und nextProps-Objekte sowie für die aktuellen Status- und nextState-Objekte durch. Das, was ich nicht verstehen kann, ist: Wenn es die Objekte flach vergleicht, gibt die...
Das erste Prinzip der Redux-Dokumentation lautet: Der Status Ihrer gesamten Anwendung wird in einem Objektbaum in einem einzelnen Speicher gespeichert. Und ich dachte tatsächlich, dass ich alle Prinzipien gut verstehe. Aber ich bin jetzt verwirrt, was Anwendung bedeutet. Wenn Anwendung nur...
Also ich habe folgendes: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal,
In Redux- Dokumenten für bindActionCreators heißt es: Der einzige Anwendungsfall bindActionCreatorsbesteht darin, dass Sie einige Aktionsersteller an eine Komponente weitergeben möchten, die Redux nicht kennt, und den Versand oder den Redux-Speicher nicht an diese übergeben möchten. Was wäre...
Ich habe diese einfache Helloworld React App aus einem Online-Kurs erstellt, erhalte jedoch folgende Fehlermeldung: Ungültiges Konfigurationsobjekt. Webpack wurde mit einem Konfigurationsobjekt initialisiert, das nicht mit dem API-Schema übereinstimmt. - Die Konfiguration hat eine unbekannte...
Ich möchte ein keyDown-Ereignis für ein div in React verwenden. Ich mache: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) {...
Ich weiß, dass Chrome-Erweiterungen 'manifest.json' verwenden, aber hier wird es auch als etwas anderes verwendet. Inhalt - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url": "./index.html",...
Ich zerlege Redux 'ToDo-Beispiel, um zu versuchen, es zu verstehen. Ich habe gelesen, mapDispatchToPropsdass Sie damit Versandaktionen als Requisiten addTodo.jszuordnen können. Daher habe ich mir überlegt, neu zu schreiben , um mapDispatchToProps zu verwenden, anstatt dispatch (addTodo ())...
Ich entwickle eine neue App mit der neuen React Context-API anstelle von Redux. Bevor Reduxich beispielsweise eine Benutzerliste abrufen musste, rufe ich einfach componentDidMountmeine Aktion auf, aber jetzt mit React Context leben meine Aktionen im Inneren Mein Consumer befindet sich in meiner...
Die Texteingabe ist mittig ausgerichtet. So korrigieren Sie diese Texteingabe so, dass sie von der oberen linken Ecke eingegeben wird Hier ist mein CSS für die Texteingabe /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input:...
Ich möchte fragen, wie das native Handle reagiert oder wie die responsive Schriftart funktioniert. Zum Beispiel in iPhone 4s habe ich Schriftgröße: 14, während ich in iPhone 6 Schriftgröße: 18 habe.
Zum Beispiel: Codepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });