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.
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; }
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">
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
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
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
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
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
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
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
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
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.
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'
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
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
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
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
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,
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,
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
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
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
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
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
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
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
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.
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';
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
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{
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
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,
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
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
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
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
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?
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
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
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
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) {
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
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
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
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
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
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,
1
Antworten
Innen-Reduzierstück, gegeben ein Zustand Objekt: var state = { "data": [{ "subset": [{ "id": 1 }, { "id": 2 }] }, { "subset": [{ "id": 10 }, { "id": 11 }, { "id": 12 }] }] }
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
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
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