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.

17
Vom Rendern wurde nichts zurückgegeben. Dies bedeutet normalerweise, dass eine return-Anweisung fehlt. Oder, um nichts zu rendern, geben Sie null zurück
Ich habe eine Komponente in React, die ich in index.js importiere, aber es gibt diesen Fehler: Vom Rendern wurde nichts zurückgegeben. Dies bedeutet normalerweise, dass eine return-Anweisung fehlt. Oder, um nichts zu rendern, geben Sie null zurück index.js: import React from 'react'; import ReactDOM from 'react-dom'; import Search_Bar from './components/search_bar'; …
15
Reagieren - Komponenten-Vollbild (mit einer Höhe von 100%)
Ich kann keine React-Komponente mit dem Namen "home" anzeigen, die 100% der Höhe meines Bildschirms einnimmt. Was auch immer ich CSS oder React Inline-Stil verwende, es funktioniert nicht. Im folgenden Beispiel sind HTML , Body und #App in CSS auf die Höhe 100% festgelegt. Für .home habe ich den Inline-Stil …
75 css  reactjs  html 
4
Holen Sie sich die Versionsnummer von package.json in React Redux (create-react-app)
OP EDIT: Wenn jemand anderes darauf stößt: Die App wurde mit create-react-app erstellt , wodurch der Import in den src-Ordner beschränkt wird. Wenn Sie jedoch React-Scripts auf Version 1.0.11 aktualisieren , können Sie auf package.json zugreifen. Ich versuche, die Versionsnummer von package.json in meiner App abzurufen. Ich habe diese Vorschläge …
3
Reagieren Sie mit Django - echte Nutzung
Ich habe ein bisschen mit React rumgespielt und es gefällt mir sehr gut. Es ist viel ausführlicher als Angular (ng-repeat mit | filter ist von unschätzbarem Wert), aber in Ordnung. Die Sache, die mich nervt, ist, wie ich React with Django Templates verwenden soll. Sollte ich das gesamte Javascript zusammen …
7
Wann sollte ich einer React-App Redux hinzufügen?
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 https://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript abgeschlossen , aber jetzt möchte ich mit dem Hinzufügen …
6
Vermeiden Sie mit mapDispatchToProps einen Eslint-Fehler ohne Schatten
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 })(FilterButton); Wie kann ich die Warnung vermeiden, während sowohl mapDispatchToPropsdie präzise Syntax als auch die …
6
CSS-Pseudoelemente in React
Ich baue React- Komponenten. Ich habe CSS inline in die Komponenten eingefügt, wie in dieser brillanten Präsentation von einem der Leute hinter React vorgeschlagen. Ich habe die ganze Nacht versucht, einen Weg zu finden, um CSS-Pseudoklassen inline hinzuzufügen, wie auf der Folie mit dem Titel ":: after" in der Präsentation. …
2
Wie setze ich HTML5-Datenattribute mithilfe von "Reagieren" dynamisch?
Ich möchte ein HTML5-Attribut einer <select>Eingabe rendern, damit ich jquery image picker mit react verwenden kann. Mein Code lautet: var Book = React.createClass({ render: function() { return ( <option data-img-src="{this.props.imageUrl}" value="1">{this.props.title}</option> Das Problem ist, dass es, obwohl {this.props.imageUrl}es ordnungsgemäß als übergeben propwird, nicht im HTML-Code gerendert wird, sondern nur als …
74 reactjs 
15
Bildgrößenänderung in React Native
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, ActivityIndicatorIOS, Image, Component } = …
8
React-Router v4 - kann * url * nicht abrufen
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) neu laden (F5) drücke , verschwinden alle Inhalte und der …
13
Fügen Sie Favicon mit React und Webpack hinzu
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 hier zu finden: https://github.com/jantimon/favicons-webpack-plugin . Wenn mir jemand sagen …
10
Scherztest schlägt fehl: TypeError: window.matchMedia ist keine Funktion
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" gefunden, aber ich habe noch keine Ahnung, wie das geht.
74 reactjs  jestjs 
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.