Ich versuche, die Größe eines Bilds (kleiner, um auf den Bildschirm zu passen) in meiner nativen App zu ändern, kann dies jedoch nicht, da es zu groß ist. Hier ist der Code: 'use strict'; var React = require('react-native'); var { StyleSheet, Text, TextInput, View, TouchableHighlight,...
Was ist der Unterschied zwischen Reaktionskomponente und Reaktionselement? Die Dokumentation erwähnt beide, geht aber nicht ins Detail. Einige Methoden erfordern Komponenten, andere Elemente ...
Ich lerne gerade React und versuche herauszufinden, wie ich es mit Redux zum Erstellen einer mobilen App verwenden kann. Ich bin etwas verwirrt darüber, wie die beiden miteinander verwandt / verwendbar sind. Zum Beispiel habe ich dieses Tutorial in React
Ich versuche, einer React-basierten Website, die ich mit Webpack erstellt habe, ein Favicon hinzuzufügen. Es war ein totaler Albtraum, ein Favicon hinzuzufügen, und ich habe viele Lösungen ohne Erfolg ausprobiert. Die neueste Lösung, die mir empfohlen wurde, heißt 'favicons-webpack-plugin' und ist...
Ich habe die folgende Komponente, die einen no-shadowESlint-Fehler auf dem auslöst FilterButton props. import { setFilter } from '../actions/filter'; function FilterButton({ setFilter }) { return ( <button onClick={setFilter}>Click</button> ); } export default connect(null, { setFilter...
Dies ist meine erste Erfahrung mit Front-End-Tests. In diesem Projekt verwende ich Jest-Snapshot-Tests und habe einen Fehler TypeError: window.matchMedia is not a functionin meiner Komponente erhalten. Ich habe die Jest-Dokumentation durchgesehen und den Abschnitt "Manuelle Verspottungen"...
Facebook bietet einen create-react-app Befehl zum Erstellen von Reaktions-Apps. Wenn wir ausführen npm run build, sehen wir die Ausgabe im /buildOrdner. npm run build Erstellt die App für die Produktion im Build-Ordner. Es bündelt React im Produktionsmodus korrekt und optimiert den Build...
Ich fing an, React-Router v4 zu verwenden. Ich habe eine einfache <Router>in meiner app.js mit einigen Navigationslinks (siehe Code unten). Wenn ich zu navigiere localhost/vocabulary, leitet mich der Router auf die richtige Seite weiter. Wenn ich jedoch anschließend ( localhost/vocabulary)...
Import_this import {AppRegistry, Text, View, Button, StyleSheet} from 'react-native'; Dies ist mein React Button Code Aber Stil funktioniert nicht Hase ... <Button onPress={this.onPress.bind(this)} title={"Go Back"} style={{color: 'red', marginTop: 10, padding: 10}} /> Auch ich wurde von...
const rootEl = document.getElementById('root'); ReactDOM.render( <BrowserRouter> <Switch> <Route exact path="/"> <MasterPage /> </Route> <Route exact path="/details/:id" > <DetailsPage /> </Route> </Switch> </BrowserRouter>, rootEl ); Ich...
Ich verwende Scherz und Enzym für mein Projekt zum Erstellen, Reagieren und Appieren. Beim Ausführen npm testwird eine Ausgabe angezeigt, in der die Namen der bestandenen Testdateien angezeigt werden. Ich möchte jedoch, dass die Ausgabe auch die Namen der Tests enthält. Beispiel: Button.test.js it...
Ich habe meinen React- build/Websiteordner in einem AWS S3-Bucket bereitgestellt . Wenn ich zu gehe www.mywebsite.com, funktioniert es und wenn ich auf aTag klicke, um zu den Seiten Projekt und Info zu gelangen, werde ich zur richtigen Seite weitergeleitet. Wenn ich jedoch die Seiten-URL...
Geschlossen . Diese Frage muss fokussierter sein . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so, dass sie sich nur auf ein Problem konzentriert, indem Sie diesen Beitrag bearbeiten .
Ich bin neu in Mocha und versuche damit eine einfache React-Komponente zu testen. Der Test wird bestanden, wenn die Reaktionskomponente kein CSS-Design hat, aber einen Syntaxfehler auslöst, wenn das Tag in der Reaktionskomponente einen Klassennamen enthält: Testing.react.js import React from...
Ich habe eine Komponente, die eine Sammlung von Elementen als Requisiten erhält und mapsie zu einer Sammlung von Komponenten zusammenfügt, die als untergeordnete Elemente einer übergeordneten Komponente gerendert werden. Wir verwenden Bilder, die WebSQLals Byte-Arrays gespeichert sind . Innerhalb...
Neu in React und der Versuch, Objektattribute zu schleifen, aber React beschwert sich darüber, dass Objekte nicht gültig sind. React-Kinder. Kann mir bitte jemand einen Rat geben, wie dieses Problem behoben werden kann? Ich habe createFragment hinzugefügt, bin mir aber nicht ganz sicher, wohin das...
Ich erstelle ein einfaches Formular zum Hochladen einer Datei mit einem Elektronenreaktions-Boilerplate mit Redux-Formular und Material-Benutzeroberfläche. Das Problem ist, dass ich nicht weiß, wie man ein Eingabedateifeld erstellt, da die Material-Benutzeroberfläche die Eingabe von...
Ich verwende die folgende Umgebungsvariable in meiner Create-React-App: console.log(process.env.REACT_APP_API_URL) // http://localhost:5555 Es funktioniert, wenn ich npm starteine .envDatei lese : REACT_APP_API_URL=http://localhost:5555 Wie setze ich einen anderen Wert wie
Ich versuche PUBLIC_URL=http://example.com npm run build mit einem Projekt, das mit dem neuesten Skript zum Erstellen und Reagieren erstellt wurde. Die Vorkommen von %PUBLIC_URL%in public/index.htmlwerden jedoch durch eine leere Zeichenfolge ersetzt, nicht durch den erwarteten Wert PUBLIC_URL....
Ich versuche, eine Bereichseingabe zu erstellen, die einen Tooltip direkt über dem Schieberegler-Daumen anzeigt. Ich habe einige Vanilla JS-Beispiele online durchgesehen und es scheint, dass ich die Breite des Elements haben muss, um dies zu erreichen. Also habe ich mich nur gefragt, wie ich...