Tag: reactjs

Reagieren ist eine JavaScript-Bibliothek für die Erstellung von Benutzeroberflächen. Es verwendet einen deklarativen Paradigma und zielt darauf ab, sowohl effizient und flexibel.

Stil-Komponenten: legen Sie Stile, die von Kindern auf die Eltern schweben

Anzahl der Antworten 2 Antworten
Ich habe eine einfache Komponente Hier sind 2 version des es - mit und ohne Stil-Komponenten: Ohne Stil-Komponenten <div id="container"> <div id="kid"></div> </div> #container { width: 100px; height: 100px; } #kid { width: 20px; height: 20px; }

Wie kann ich mit HTML5 Validierung mit Reagieren?

Anzahl der Antworten 3 Antworten
Dies ist meine Reagieren Render-Block. Ich bin mit der HTML5 Validierung auch hier erforderlich. Diese Dinge sollen funktionieren. Aber es funktioniert nicht. kann mir jemand empfehlen, wie man mit HTML5 Validierung mit reagieren? <div > <div className="modal-dialog">

Warum getDerivedStateFromProps statt componentDidUpdate?

Anzahl der Antworten 2 Antworten
Als gelesen in diese Reagieren Github issue ich sehe mehr und mehr, dass die Kosten der render() ist relativ klein In Reagieren 16.3, ich Frage mich, warum würde man mit dem neuen getDerivedStateFromProps statt componentDidUpdate? Vorstellen, in

Dateien hochladen in Enzym-Tests

Anzahl der Antworten 1 Antworten
Ich habe eine FileInput in meinem render-Funktion <FileInput accept= "image/jpeg,image/png,audio/mp3" onChange= {this.fileInputOnChange} children= {<i className="fa fa-paperclip"/>} className= 'fileInput' /> Muss ich schreiben, ein test für die Datei hochladen, wenn ich simulieren Sie die Funktion ändern Sie die

Multi-select-dropdown-Liste im reagieren nativen

Anzahl der Antworten 2 Antworten
Ich bin neu reagieren nativen. Kann jemand empfehlen, wie implementiere ich mehrere select-dropdown-Liste im reagieren nativen. Ich habe versucht, MultiSelect (https://github.com/toystars/react-native-multiple-select) aus reagieren-Muttersprache-mehrere-auswählen, aber es funktioniert nicht. Könnten Sie bitte teilen Sie Ihre Stück code? Ich getan

Scherz: mocking-Konsole.error - tests fehlschlägt

Anzahl der Antworten 5 Antworten
Das Problem: Habe ich eine einfache Reagieren Komponente, die ich mit lernen, test-Komponenten, die mit Scherz und Enzym. Wie arbeite ich mit props, ich habe den prop-types Modul zu prüfen, für die Eigenschaften in der Entwicklung. prop-types

EventKeys in NavDropdown in Reagieren-Bootstrap

Anzahl der Antworten 2 Antworten
Ich habe ein problem mit den eventKey, was in NavDropdowns. var Navigation = React.createClass({ handleSelect: function(eventKey){ console.log(eventKey); }, render: function() { return ( <Navbar brand='Navbar' toggleNavKey={0}> <CollapsibleNav eventKey={0} onSelect={this.handleSelect}> <Nav navbar> <NavItem eventKey={1}>Home</NavItem> </Nav> <Nav navbar right

Nicht deinstallieren webpack von reagieren-Skript

Anzahl der Antworten 10 Antworten
War ich versucht zu machen, eine todo-app reagieren, ist mir neu. Aber nachdem Sie einmal installiert webpack, npm start nicht funktioniert. Es gibt mir: [email protected] start /home/hanna/Desktop/Projekte/mein-todo-reagieren reagieren-Skripte starten Könnte es ein problem mit dem Projekt "dependency

Kann eine Redux-Shop zu einem Speicherverlust führen?

Anzahl der Antworten 4 Antworten
Habe ich eine dashboard-Anwendung mit mehreren Diagrammen immer aktualisiert auf einem festgelegten Intervall. Mein Erster Gedanke war, die Daten zu aktualisieren, die in den store und lassen Sie dann alle charts feed von dort. Aber könnte das

Fetch API funktioniert nicht mit localhost/127.0.0.1

Anzahl der Antworten 3 Antworten
Nur als hintergrund, ich habe eine app reagieren sitzen auf einem remote-EC2-Ubuntu-Instanz. Dem gleichen server läuft auch eine Go-app lauscht auf port 8080 (port wurde geöffnet, um alle von den Sicherheits-Einstellungen). Ich versuche, eine Anfrage zu stellen

Ist es möglich, Harmonie (ES6) mit JSXTransformer.js?

Anzahl der Antworten 1 Antworten
Ich hatte großes Glück mit Reagieren ist JSXTransformer.js zu entwickeln, mit JSX im browser: <script src="http://fb.me/JSXTransformer-0.11.1.js"></script> <script type="text/jsx"> /** @jsx React.DOM */ ... </script> Zu verringern, boilerplate, würde ich gerne einige der features von Harmonie, z.B. Pfeil-Funktionen.

ReactJS - Unbekannt prop `activeClassName` auf <a> tag. Entfernen Sie diese Requisiten aus dem element

Anzahl der Antworten 3 Antworten
Ich bin mit reagieren 15.4.2 und reagieren-router4.0.0, und Dieses Projekt wurde Bootstrap mit Erstellen Sie Reagieren App. Hier ist mein Code. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import {BrowserRouter as Router,Route,Link} from 'react-router-dom'

Warum ist meine reagieren Komponente nicht aktualisiert, mit Status-updates?

Anzahl der Antworten 4 Antworten
Habe ich eine Karte-app, die ich gebaut, das erfordert einige map-icons erscheinen/verschwinden nach dem drücken einer Taste, aber ich kann nicht herausfinden, wie, um es zu re-Rendern der Komponente, wenn ich pass in eine neue Sport-Eigenschaft vom

Warum ist materialisieren funktioniert nicht mit reactjs

Anzahl der Antworten 2 Antworten
Habe ich eine statische web-Seite mit einstellen.css-Bibliothek, wenn ich versuchte, Sie zu bewegen, einige Komponenten zu reagieren, aber Sie funktionieren nicht. Dies ist mein html-boilerplate <!DOCTYPE html> <html> <head> <!--Import materialize.css--> <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> <!--Let

Mehrere Parameter übergeben, um event-Handler Reagieren

Anzahl der Antworten 2 Antworten
So, ich bin versucht, zu reagieren, arbeiten mit ES6-syntax. In ES5 ich hatte setInitialState ohne einen Konstruktor, arbeitete mit der Funktion verbindliche syntax. Ich habe eine Liste der Preise, die ist willkürlich und ich will den Zustand

Nicht abgefangene Fehler: Element-Typ ist ungültig: erwartet einen string (für die eingebauten Komponenten)

Anzahl der Antworten 2 Antworten
I am getting this error. I have defined all components in index.js and I am using react-dom. Webpacker selbst kompilieren keine Fehler oder Warnungen. Fehler : nicht abgefangener Fehler: Element-Typ ist ungültig: erwartet einen string (für die

Wie kann die Verwendung von bootstrap tooltips mit Reagieren?

Anzahl der Antworten 5 Antworten
Hatte ich die tooltips arbeiten früher und versuche zu migrieren, meine Komponente zu Reagieren. Ich bin nicht mit reagieren-bootstrap noch, weil ich bin mir nicht sicher, wenn ich dabei bin, weil es immer noch unter starker Entwicklung,

Reagieren nativen flexbox - how zu tun Prozentsätze || Spalten || responsive || grid etc

Anzahl der Antworten 3 Antworten
Nach der Arbeit mit react native auf iOS für die letzten paar Wochen, scheine ich über einige Unzulänglichkeiten der flex styling... vor Allem, wenn es um "responsive" Verhalten. Zum Beispiel, können sagen, Sie möchten eine Ansicht erstellen,

key binding in react.js

Anzahl der Antworten 4 Antworten
wurde versucht, die Umsetzung der zentralen Bindung in react.js. habe einige der Forschung, aber immer noch Fragen, was ist der sauberste Weg, es zu tun. Zum Beispiel, if (event.keyCode == 13 /*enter*/) { function() } if (event.keyCode

Reagieren toggle-Komponente

Anzahl der Antworten 2 Antworten
Ich habe diesen einfachen code unten. Wenn ich drücken Sie die Toggle-Taste der Komponente Kind sollte ein - /ausblenden, aber es ist nicht. Muss ich neu Rendern etwas? Ich will nicht zu Schalter in/out-eine CSS-Klasse, wechseln Sie

Immer redux-form Werte in onChange-Ereignis

Anzahl der Antworten 1 Antworten
Was ist der richtige Weg, um die Werte aus einem Formular verwaltet redux-form nach jeder form update??? Ich muss zum Versand eine Aktion jedes mal, wenn Sie die form ändern, verwenden Sie die Werte in das Formular

REACT.js und Rendern aber verwenden von innerHTML-element-rendering in?

Anzahl der Antworten 1 Antworten
Ich habe ein Bedürfnis und ich kann nicht scheinen, um es zu überwinden. Weil mein Seite verwendet sowohl Template-rendering UND reagieren... ich habe dieses div hat eine id, sagen wir "foo". Nun, ich würde gerne den Inhalt

Wie zu nennen, und bilden eine React.js Funktion von HTML

Anzahl der Antworten 2 Antworten
Habe ich eine React.js Datei für alle meine Codes die ich nach unten, wie würde ich mich über diese aufrufen von html jedoch, es enthält eine ganze Menge Informationen, wie ein Ergebnis, ich bin unsicher, was genau

Fehler TS2602: JSX-element implizit den Typ 'any', da der Globale Typ 'JSX.Element' existiert nicht

Anzahl der Antworten 3 Antworten
Obwohl ich es installiert habe & referenziert die Testungen Bibliothek 'reagieren' so ///<reference path="../../../typings/browser.d.ts" /> Ich bin noch immer den folgenden Fehler: Gibt es eine andere Testungen Bibliothek sollte ich installieren, wie auch? InformationsquelleAutor Richard | 2016-06-07

Abrufen von Daten mit Reagieren

Anzahl der Antworten 2 Antworten
Ich bin sehr neu mit Reagieren und ich bin versucht, zu rufen die Daten vom server mit fetch api. Wenn ich das machen will, eine helper-Klasse, um die Daten, wie diese JS: import { Promise } from

Wie kann ich Stil reagieren-Tabelle filter, input-Feld?

Anzahl der Antworten 1 Antworten
Ich bin mit react-table und haben eine filter-Methode für jede Spalte, die funktioniert. Aber ich kann nicht scheinen, um herauszufinden, wie ich eigentlich den Stil von filter-input-Feld - es ist nun weiß und verschmilzt mit dem hintergrund.

Was ist die Verwendung von @connect Dekorateur in reagieren-redux

Anzahl der Antworten 1 Antworten
Lerne ich Reagieren und nach ein paar tutorials, stieß ich auf diesen code: import React from 'react'; import TodosView from 'components/TodosView'; import TodosForm from 'components/TodosForm'; import { bindActionCreators } from 'redux'; import * as TodoActions from 'actions/TodoActions';

Wie verwende ich ein aufgenommenes Bild mit react native-Kamera

Anzahl der Antworten 2 Antworten
Ich kann das reagieren-native-Kamera - Modul um auf die Kamera zuzugreifen, und speichern Sie ein Bild. Allerdings kann ich nicht herausfinden, wie um dieses Bild für den Benutzer. Was ich versuche: Hier nehme ich das Bild. Dies

reagieren, ändern Sie die Klasse, die Liste auf klicken Sie auf

Anzahl der Antworten 1 Antworten
Ich habe einen reagieren element wie diesem: import React, { PropTypes, Component } from 'react' class AlbumList extends Component { constructor(props) { super(props); this.state = {'active': false, 'class': 'album'}; } handleClick() { if(this.state.active){ this.setState({'active': false,'class': 'album'}) }else{

Reagieren Die Bestückung Zweimal

Anzahl der Antworten 1 Antworten
Innen einen kleinen Teil meiner Reagieren/Redux/ReactRouterV4 Anwendung, ich habe folgende Komponente Hierarchie, - Exhibit (Parent) -- ExhibitOne -- ExhibitTwo -- ExhibitThree Innerhalb der Kinder Zeigen, es gibt über 6 verschiedene mögliche Routen, die gerendert werden kann als

ReactJS Uncaught ReferenceError-Funktion ist nicht definiert

Anzahl der Antworten 2 Antworten
Bin ich versucht zu implementieren eine benutzerdefinierte Gültigkeitsprüfung-in Reagieren mit ES6-syntax. import React, { Component } from 'react'; export default class Board extends Component { constructor(props) { super(props); } static propTypes = { count: validate }; validate(props,

Wie erstellen Sie Auswahl-slider? (reagieren-native)

Anzahl der Antworten 3 Antworten
Dies ist mein bereichsschieberegler Aber für eine änderung der Werte Benutzer klicken müssen, um auf diesen Wert. Wie zu machen, um in der Lage sein, ziehen Sie den Schieberegler? Danke. InformationsquelleAutor Maksim | 2016-02-17

Reagieren Redux und reagieren-router-dom

Anzahl der Antworten 1 Antworten
Ich Lerne, Redux, und mit den neuen Veränderungen reagieren-router-dom, ich bin ein wenig verwirrt. Ich habe diese Dateien: Index.js import React from 'react'; import { Provider } from 'react-redux'; import ReactDOM from 'react-dom'; // import { AppContainer

Download pdf-Datei-API

Anzahl der Antworten 1 Antworten
Ich am erstellen einer Funktion, die erstellt und als pdf-download nach dem button-Klick. Ich bin mit express als backend und reagieren/readux/axios wie vor. Mein backend läuft auf einem anderen port als meine front. So, ich bin dem

Webpack, Reagieren, Babel - Nicht Beheben Modul

Anzahl der Antworten 2 Antworten
Habe ich installiert reagieren-hot-loader und auf das Modul in der webpack.config.js. Jedoch, wenn ich versuche zu laufen webpack zum kompilieren des scripts bekomme ich eine Fehlermeldung. Siehe unten Screenshot. Könnte jemand bitte beraten, was das Problem sein

Wie einfügen bootstrap.js zu reagieren-app?

Anzahl der Antworten 1 Antworten
Einfügen von twitter-bootstrap-js-Datei zu reagieren-app mit webpack? Weiß ich über reagieren Bibliotheken, wie reactstrap und reagieren-bootstrap, aber ich möchte wissen, wie einfügen bootstrap.js Datei ohne diese libs. Möglich, Duplikat der Wie bootstrap css-und js in reactjs app?

Warum Reagieren Nativen nicht rechtfertigen,-selbst

Anzahl der Antworten 5 Antworten
Will ich richten Sie ein Element in der primären Achse. Zum Beispiel, ich möchte eine Zeile mit ein paar Kinder, die alle Links ausgerichtet, und dann ein Kind ausgerichtet auf der rechten Seite. Sie erreichen konnte, dass

Objekte gelten nicht als Kind Reagieren (gefunden: [Objekt-Versprechen])

Anzahl der Antworten 2 Antworten
Ich versuche zu Rendern eine Liste der Beiträge durch die Zuordnung über ein array. Ich habe dies viele Male zuvor, aber für einige renderPosts = async () => { try { let res = await axios.get('/posts'); let

ReactJS - Karte innerhalb einer Karte

Anzahl der Antworten 1 Antworten
Arbeite ich an einem ReactJS & Redux app. Irgendwann habe ich eine Liste von Elementen (Notizen), jeder von Ihnen mit einem array (Teilaufgaben). Ich möchte zum anzeigen aller Elemente, und für jedes von Ihnen, die Anzeige der

Reagieren-native fetch fehlschlägt, um setState wenn der Fehler geworfen wird

Anzahl der Antworten 1 Antworten
Hintergrund Ich versuche zu handhaben, ein bad HTTP-Antwort mit der fetch() Funktion in meine Reagieren Nativen Komponente. Ich habe den code von hier, die empfiehlt die Schaffung einer Modul-handle-response-Fehler. //ApiUtils.js var ApiUtils = { checkStatus: function(response) {

Scherz-Test Babel-Fehler: Plugin/Preset-Dateien sind nicht erlaubt, um Objekte exportieren

Anzahl der Antworten 3 Antworten
Ich bin mit einem sehr up-to-date (Dezember 2017) Stapel von Abhängigkeiten. Als ich try-out-isomorph reagieren tests mit Scherz -, test-Anzug hält andernfalls mit der folgenden Fehlermeldung: * Test suite failed to run [BABEL] /__tests__/router.test.js: Plugin/Preset files are

Typoskript "Nicht zuordnen Eigenschaft, denn es ist eine Konstante oder eine nur-Lesen" obwohl die Eigenschaft nicht markiert ist readonly

Anzahl der Antworten 1 Antworten
Ich habe den folgenden code type SetupProps = { defaults: string; } export class Setup extends React.Component<SetupProps, SetupState> { constructor(props: any) { super(props); this.props.defaults = "Whatever"; } Wenn Sie versuchen, diesen code auszuführen, der TS-compiler gibt die

Wie konvertiert Zeitstempel in react.js

Anzahl der Antworten 1 Antworten
Im Moment die Anzeige eines Zeitstempels an jedem gesendeten Nachricht in einer message-App Im Gebäude. Aber jeder stack overflow Frage, die ich fand auf der Konvertierung von Zeitstempeln zu tun hat, mit Winkel-oder Muttersprache und ich bin

Wie zu beheben TypeError ist nicht ein-Funktion (Test verspricht mit Scherz)

Anzahl der Antworten 1 Antworten
Habe ich ein bestandener test nun Dank der Antwort hier: Wie um zu testen, angekettet ist, verspricht in einem Scherz-test? Aber ich bin noch immer ein Fehler im catch-Teil meiner Prüfung. Ich scheine nicht in der Lage

Server-rendering Reagieren js auf einer statischen website

Anzahl der Antworten 3 Antworten
Habe ich erforscht, reagieren in letzter Zeit viel, und ich sehe, wie können Sie so etwas wie Knoten-zu-server-render-code. Ich bin wirklich daran interessiert, die Verwendung von statischen Seiten für die Gründe der Schnelligkeit, aber ich bin mir

Ändern checked-Attribut der checkbox gesteuert (Reagieren)

Anzahl der Antworten 2 Antworten
Ich bin neu, um zu Reagieren und bin wahrscheinlich fehlt die richtige Terminologie zu finden, eine Lösung für mein problem. Es kann nicht sein, dass hart. Baue ich eine einfache app, die zeigt eine Reihe von Fragen,

wie zu verwenden Unveränderlichkeit Helfer zu aktualisieren, ein verschachteltes Objekt in einem array?

Anzahl der Antworten 1 Antworten
Innen-Reduzierstück, gegeben ein Zustand Objekt: var state = { "data": [{ "subset": [{ "id": 1 }, { "id": 2 }] }, { "subset": [{ "id": 10 }, { "id": 11 }, { "id": 12 }] }] }

Display Zurück-Taste, um zurück wie die zurück-Schaltfläche Ihres Browsers, wenn Sie nicht in der home-Pfad

Anzahl der Antworten 2 Antworten
In der Kopfzeile, ich habe eine Menü-Taste, dass, wenn geklickt wird display verschiedene links zu gehen. Allerdings würde ich nur gerne zeigen Sie die Menü-Taste, wenn es in der home-Pfad (D. H., "/"). Und wenn ich navigieren

Reagieren v16: Uncaught TypeError: Cannot read property 'Objekt' undefined

Anzahl der Antworten 5 Antworten
Bin ich immer diese Fehlermeldung und weiß nicht, was falsch ist, mein code ist einfach, ich bin einfach nur versucht, ein array. Ist so einfach, aber noch können ' T es herausfinden. Bin ich mit Meteor 1.5.3

Richtige Weg, um API Fetch 'POST' mit Async/Await

Anzahl der Antworten 3 Antworten
Arbeite ich an einem Projekt, das erfordert, dass Sie mich für eine Anfrage zu einer API. Was ist die richtige form für Sie eine POST-Anfrage mit Async/Await? Als ein Beispiel, hier ist mein fetch", um eine Liste