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.
Webpack extrem langsam aufbauen
3 Antworten
Benutze ich webpack + Typoskript + reagieren. webpack.config.js ist: var webpack = require('webpack'); var path = require('path'); var node_modules_dir = path.join(__dirname, 'node_modules'); var deps = [ 'react/react.js', 'react-dom/react-dom.js', ]; var config = { devtool: 'source-map', context: __dirname
Uncaught ReferenceError: handleClick ist nicht definiert - Reagieren
3 Antworten
Gehe ich direkt auf den Punkt. Dies ist die Komponente, auf die ich in einem ReactJS Anwendung: class BooksList extends Component { constructor(props) { super(props); this.handleClick = this.handleClick.bind(this); } handleClick() { e.preventDefault(); console.log("The link was clicked"); }
Konvertieren Reagieren-Funktion component class component-Ausgabe
2 Antworten
Habe ich Folgendes reagieren funktionale Komponente zur Unterstützung der Authentifizierung erforderlich, Routen mit reagieren-router. const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => ( isAuthenticated() ? ( <Component {...props}/> ) : (
Stop-Darstellung einer Komponente nach componentDidMount()
1 Antworten
Habe ich eine such-Seite mit drei Komponenten. Das durchsuchen Themen-Komponente listet die Themen auf, um von zu wählen. Die Artikel durchsuchen Komponente listet alle Artikel auf der Grundlage der Themen-ID und lädt alle Artikel, wenn es keine
Datepicker befestigt, um eine input-Komponente Reagieren
1 Antworten
Im Falle der Abwesenheit der einheitlichen <input type="date"> unterstützen, möchte ich polyfill alle Datum-Eingänge mit datepicker-widgets; zum Beispiel, jQuery-UI datepickers. Sehen Sie die demo - hier. In Google Chrome gerendert native date-Eingänge, während in Firefox (v32.0.3) die
Wo set-cookie Isomorph Redux-Anwendung?
4 Antworten
Habe ich 3 Allgemeine Fragen über redux und isomorph Anwendung: Was ist der beste Weg, zu teilen 'runtime' - Daten zwischen client und server? Zum Beispiel, wenn der Benutzer eingeloggt in eine entfernte API, Speichere ich die
ReactJS: Was ist die Reale Welt mit der Unveränderlichkeit Helfer Reagieren?
3 Antworten
Reagieren offiziellen Dokument enthalten Unveränderlichkeit Helfer. Was wäre, einige der realen Welt Verwendung solcher Helfer? Ich glaube, ich bin fehlt etwas wirklich grundlegendes hier. InformationsquelleAutor Sanket Sahu | 2015-01-19
Redux-Formulare Einreichen, die Validierung keine Fehler Meldungen
2 Antworten
Ich versuche zu machen, Formular mit submit-Validierung. Wenn ich ein Formular Einreichen, meine handleSubmit entlassen und werfen SubmissionError, aber es passiert nichts mehr. Einreichen (nur Fehler schmeißen jedes mal): function submit(values) { console.log(values); throw new SubmissionError({ password:
Scherz reagieren-Prüfung: Check Status nach Verzögerung
4 Antworten
Bin ich wirklich verwirrt zu schaffen versucht-test mit Hilfe des Scherzes Dokumentation https://facebook.github.io/jest/docs/timer-mocks.html#content Ich versuche zu prüfen, ein Zustand, wenn die container mountet und dann wenige Sekunden später, nachdem ich manuell eingestellte Werte in den Zustand (mit
So exportieren Sie mapStateToProps und Redux-Form?
4 Antworten
Bin ich mit Redux Form (ver. 6) für eine log-in-Seite. Was ich gerne tun würde, ist, wenn der Benutzer das Formular ausfüllt und absendet, schnappen Sie sich den text aus meinem Zustand, so dass ich schließlich Versand
Vorteile der Verwendung von immutable.js über Object.weisen Sie oder spread-Betreiber
6 Antworten
Bisher sind die meisten "starter-Textbausteinen" und einige posts zu reagieren /redux ich habe gesehen, fördern die Nutzung von immutable.js zu Adresse Veränderbarkeit. Ich persönlich verlassen Sie sich auf Object.assign oder spread-Betreiber, um diese zu bewältigen, daher kann
Child-parent-Komponente, die Kommunikation in ReactJS
2 Antworten
Ich gerne die Attribut-Eigenschaften/Requisiten/Statuswerte von untergeordneten Komponente zur übergeordneten Komponente auf ein Ereignis, Feuer onDrag. Ich konnte nicht finden die ordnungsgemäße Dokumentation, die auf dieser. Hier ist mein code: /*** @jsx React.DOM */ var APP=React.createClass({ getInitialState:function() {
Wie wertet einen string mit Variablen in einen reagieren Komponente?
2 Antworten
Ich habe einen string mit einer variable innerhalb: var template = '<div>Hello {username}</div>'; Wird der Benutzername durch den Staat, wie zum Parsen dieses Strings und schalten Sie es in einen reagieren Komponente? Gibt es einen Grund, Sie
Die Validierung von Formular-Eingabe-Felder Reagieren
3 Antworten
<div className="form-group"> <label className="col-sm-0 control-label"> Name : </label> <input type="text" value={this.state.UserName} onChange={this.handleChangeUserName} placeholder="Name" pattern="[A-Za-z]{3}" className="form-control" /> </div> Hallo, ich versuche zur Validierung eines Formular-input-Feld Reagiert mit pattern-Validierung. Aber es funktioniert nicht. Ich bin mit der Validierung
Wie legen Sie die Optionen im reagieren-chartjs-2?
1 Antworten
Reagieren Charts 2 https://github.com/gor181/react-chartjs-2 verweist, die unter Diagramm JS http://www.chartjs.org/docs/#getting-started Den docs in reagieren-chartjs-2 Referenzen chart.js docs, und Sie sind alle falsch. Ich kann nicht herausfinden, wie die Konfiguration der charts reagieren, speziell die Optionen. Weiß jemand,?
In Ant-Design, wie können wir center <Symbol> vertikal <Zeile>?
3 Antworten
Bitte Lesen Sie meine Reagieren-code Beispiel: import React from 'react'; import { Row, Col, Icon } from 'antd'; const MyRow = () => ( <Row type="flex" align="middle"> <Col md={10}>Trouble is a friend</Col> <Col md={10}><Icon type="play-circle-o" /></Col> <Col
Typografie und Abstand in material-ui
3 Antworten
Definierte ich raw-theme für material-ui im theme.ts: import {Colors, Spacing} from 'material-ui/lib/styles/'; import {ColorManipulator} from 'material-ui/lib/utils/'; import {Styles} from 'material-ui'; export default <Styles.RawTheme> { spacing: Spacing, fontFamily: 'Roboto, sans-serif', palette: <Styles.ThemePalette> { primary1Color: Colors.red500, primary2Color: Colors.red700, primary3Color:
Reagieren die form Fehler beim ändern einer kontrollierten input vom Typ "text" werden unkontrollierte
3 Antworten
Ich erstelle ein einfaches Formular mit reagieren mit kontrollierten Eingängen. In meiner Komponente Zustand, ich habe 2 Eigenschaften "clientName" und "Lizenz" auf den Staat. die änderung dieser funktioniert einwandfrei. Aber es gibt ein "Versand" - Eigenschaft ist
React.JS Berechnung img width in virtuellen DOM
2 Antworten
Ich versuche zu finden, die Breite eines <img> um es per JavaScript. Versuchen, berechnen Sie die Breite dieses react.js DOM-Knoten wird 0 zurückgegeben. var Player = React.createClass({ componentDidMount:function(){ var imgEl = this.refs.imgSize.getDOMNode(); console.log(imgEl.offsetWidth); }, render: function ()
Import env-variable reagieren front-end
3 Antworten
Habe ich installiert eine app mit create-react-app. Ich habe ein token, dass ich nicht wollen, um push zu GitHub. Muss ich ran yarn add dontenv und dann versucht zu importieren in der env-variable, um meine App.js Datei.
wie verwenden Sie reagieren in Codepen mit es6
5 Antworten
http://codepen.io/JessieZhou/pen/VPgMdP ,Hier ist eine demo mit Reagieren auf CodePen, aber der browser gibt eine Fehlermeldung "Uncaught ReferenceError: die Komponente ist nicht definiert". Allerdings, wenn ich eine Linie einfügen "importieren" {Component} von 'reagieren'" in der ersten Zeile, wird
Nicht Reagieren, verwenden Sie requestAnimationFrame? Wenn ja, wie nutzen Sie es?
1 Antworten
Fand ich 2 Quellen, wo es sagt, dass Reagieren, ist die Verwendung requestAnimationFrame Auf dieser blog-post über Om, ein ClojureScript Rahmen auf der Oberseite zu Reagieren. Auch auf die Kommentare dieses SO beantworten. Ich bin nicht sicher,
reagieren, Tabelle Zeile Spalte anzeigen auf die Schaltfläche klicken
1 Antworten
Ich habe eine Tabelle gebaut, die dynamisch durch Zuordnung über ein array. Jedes Element im array wird eine Zeile. Eine der Spalten in jeder dieser Zeilen ist ein select. Ich will nur, dass die Spalte der Inhalt
CORS Fehler nur mit 400 bad request reagieren fetch-Anfrage
3 Antworten
Ich versuche, mich 'POST' Anfrage im reagieren, aber ich bin immer ein paar Probleme bezüglich CORS. Ich war nur nach, was die Konsole sagt, und befestigen Sie Sie in server-Seite [die PHP] und client-Seite funktioniert alles wunderbar,
Das einbetten der gleichen redux-form mehrmals auf einer Seite?
1 Antworten
Ich habe ein Problem versucht einbetten, mehrere Formulare auf einer Seite. Ich bemerkte configForm einmal ausgeführt, auch mit mehreren Formularen auf der Seite, das ist, warum ich kann nicht dynamisch erzeugen unterschiedliche form-Namen. Abbildung zeigt mehrere Textfelder
Download einen string .txt-Datei im Reagieren
1 Antworten
Ich habe einen string, der heruntergeladen werden muss, in einem txt - Datei, wenn auf eine Schaltfläche klicken. Wie können diese implementiert werden Reagieren? Was ist dein setup? InformationsquelleAutor Akash Sateesh | 2017-06-20
Reagieren: wie ein Vergleich der aktuellen Requisiten.Kinder mit neuen
1 Antworten
Hallo, ich bin Bauteil fungiert nur als wrapper für einige andere Inhalte erzeugt und verwendet Drittanbieter-Bibliothek. Diese Bibliothek arbeitet mit props.children der Komponente. So weit So gut, aber das thrird-party-Bibliothek ist etwas laggy, wenn Sie angewendet oder
Wie testen Sie router match params mit Scherz und Enzym?
2 Antworten
Sagen, ich habe folgende Komponente, die ich packte aus https://www.codeday.top/2017/11/08/56644.html. Hier bin ich mit dem match.params Zugriff auf die id. Wie würde ich das schreiben von unit Tests für diese Komponente testet die Präsenz des h2-element ein
Importieren von Externen CDN-in-Komponente Reagieren
1 Antworten
Habe ich die Anwendung reagieren, die mit create-reagieren-app npm. Ich wollte noch hinzufügen externen CDN von vis.js in meinem reagieren app.js Komponente, aber ich bin nicht in der Lage, einen Weg zu finden, um es hinzuzufügen. Ich
Wie kann ich Durchlaufen Tabellenzeilen und-Zellen in Reactjs
3 Antworten
Ich bin ziemlich neu Reactjs und ich habe eine Komponente, die Lasten json aus meiner db, die wie folgt aussieht Array[2] 0: Object _id: "56cf587fe46adb3b8960afe2" price: 2000 title: "ps3" url: "www.google.com" __proto__: Object 1: Object _id: "56db2bd434df9046e0643d22"
wie konvertieren von Datum-format in javascript reactjs
4 Antworten
<b>Select Datetime</b><br/> <DateTimeField onChange={this.clockevent} format={"x"}/> clockevent=(newDate)=>{ var dateVal ="/Date("+newDate+")/"; var date = new Date(parseFloat(dateVal.substr(6))); console.log( date.getFullYear() + " " + (date.getMonth() + 1) + "/" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() +
Reagieren v4 Router Verschachtelte Routen mit Schalter
1 Antworten
Versuchen das folgende zu tun, aber es funktioniert nicht. ReactDOM.render( <Router> <div className="route-wrapper"> <Switch> <App> <Route exact path="/" component={HomePage} /> <Route path="/user" component={UserPage} /> </App> <Route component={Err404} /> </Switch> </div> </Router>, document.getElementById('main') ) Wie die Dokumentation sagt
Reagieren-redux-Methode connect, unable to locate store in Requisiten
1 Antworten
Ich habe eine Anwendung, die Struktur, die meist ahmt die redux real-Welt Beispiel, aber kann nicht ankommen vorüber immer diese Fehlermeldung: Uncaught Error: Invariant Violation: Could not find "store" in either the context or props of "Connect(Home)".
Reagieren-bootstrap-Akkordeon funktioniert nicht richtig
2 Antworten
Ich versuche zu lernen reagieren. Gibt es eine zu gehen, ich war das Experimentieren mit reagieren-bootstrap und war versucht zu implementieren Akkordeon mit reagieren-bootstrap-Akkordeon. Zuerst habe ich versucht, mit ButtonToolBar, es funktionierte. var ButtonToolbar = ReactBootstrap.ButtonToolbar; var
Wie legen Sie den ausgewählten Artikel in Dropdown-reactstrap?
2 Antworten
Festlegen ausgewählten Elements in der Dropdown-reactstrap? Es ist ein Beispiel für dropdown: https://reactstrap.github.io/components/dropdowns/ Wenn ich wählen Sie Element in der dropdown-Box wird nicht angezeigt. *******************Funktionierende Lösung***************************** import React from "react"; import {ButtonDropdown, DropdownItem, DropdownMenu, DropdownToggle} from "reactstrap";
Reagieren bekommen Wert tief im inneren DOM
4 Antworten
Ich bin nicht so vertraut mit reagieren, ich versuche, die folgende Abstraktion über sign in /Formulare etc. Werfen Sie einen Blick auf diese: var SignUpForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); console.log(this.refs.iitu_id.getDOMNode().value.trim()) //iitu_id = this.refs.iitu_id.getDOMNode().value.trim(); //password =
Formik & yup Formular-Validierung funktioniert nicht wie erwartet mit VirtualizedSelect
1 Antworten
Ich ein Formular erstellt mit formik, um Formular-Validierungen. Ich habe die Komponenten Formik, Form, Feld, form formik und konfiguriert Sie: import { Formik, Form, Field } from "formik"; import { object, string } from "yup"; import isEmpty
Reagieren native: Komponente nicht definiert? Nicht importieren können?
2 Antworten
Ok, sehr neue zu reagieren einheimische hier und Im Versuch, sehr einfach importieren eine andere .js-Datei, die ausgeführt werden, in der Haupt - render() func in index.ios.js Ich habe überall gesucht und versucht, sowohl die import and
Wie integrieren Sie das Twitter-widget in Reactjs?
8 Antworten
Möchte ich hinzufügen des Twitter-widgets zu Reagieren, aber ich weiß nicht, wo Sie anfangen sollen oder wie Sie es tun. Ich bin ganz neu Reagieren JS. Hier ist die HTML-version der code: <div class="Twitter"> <a class="twitter-timeline" href="https://twitter.com/<%=
reagieren-native: borderRadius nicht Rahmenteil rechts
2 Antworten
Den borderRadius style-Attribut nicht ändern, dass die Grenze einer Komponente korrekt. Ich würde erwarten, um zu sehen, ein grüner Kreis auf dem roten hintergrund, ohne Leerzeichen. Stattdessen sehe ich diese. class Healthie extends React.Component { render() {
reagieren js mapStateToProps löst Uncaught TypeError: Cannot read property 'map' of undefined
2 Antworten
Habe ich eine index.js das macht alle Tabellen in der Datenbank. _renderAllTables() { const { fetching } = this.props; let content = false; if(!fetching) { content = ( <div className="tables-wrapper"> {::this._renderTables(this.props.allTables)} </div> ); } return ( <section>
mocking global.Fenster im Scherz
1 Antworten
Habe ich eine Funktion, das läuft auf beiden Knoten und in die browser, die ich testen will, mit Scherz: const myFn = () => { if(typeof window !== 'object'){ return 1; } return 2; } Wie bin
Mutiert Requisiten Reagieren
2 Antworten
Ich habe einen Reagieren Komponente empfängt ein array oder Objekte über props. Etwas, was ich gerne tun würde, ist eine Veranstaltung wieder, um die Requisiten. Es scheint jedoch, dass Reagieren, re-Rendern tritt nur auf, wenn state änderungen.
Aufruf mehrere Funktionen onclick-Ereignis Reactjs - reagieren datepicker
1 Antworten
Ich brauche, Grau, hintergrund, wenn der Kalender öffnet sich - klicken Sie auf, dafür bin ich zu schreiben versucht, eine js-Funktion und rufen Sie es zusammen mit den eigentlichen onclick-handler - Kombination. Aber es funktioniert nicht, ich
Wie die Reagieren, und Meteor zusammen passen
3 Antworten
Ich weiß nicht, ob es mehr ein Reagieren oder Meteor Sorge, vielleicht auch beides, aber ich bin derzeit am Aufbau einer web-app mit diesen beiden frameworks, und ich bin vor ein Programmierer-Problem. Ich bin kein Javascript-Entwickler aber
Reagieren element nicht Rendern
2 Antworten
Ich habe schon versucht das zu Rendern, ein einfaches element mit Reagieren. Für einige Grund, sehr ähnliche Beispiele, die funktionieren, aber mein code einfach nicht funktionieren. Ich kann keine Fehler finden, können Sie bitte mir raten? <!DOCTYPE
Kann nicht anrufen, setState auf einer nicht gemounteten Komponente
6 Antworten
Erhalte immer folgende Fehlermeldung Reagieren Nativen, wirklich nicht verstehen, wo es herkommt Warnung: Kann nicht anrufen setState (oder forceUpdate) auf einer nicht gemounteten Komponente. Dies ist ein no-op, aber es gibt ein memory leak in your -
Entfernen einer Komponente onClick-in reagieren
1 Antworten
Ich bin Anzeige a overlay Seite, wenn eine bestimmte input geklickt wird. Jetzt will ich entfernen, dass overlay Seite, wenn ein Benutzer clicks irgendwo in diesem overlay. Wie kann ich das tun? Ich bin die Anzeige der
Zeigen Sie ein Bild von url in ReactJS
3 Antworten
Ich will ein Bild von einer URL in Reagieren. Zum Beispiel möchte ich dieses Bild https://images.pexels.com/photos/20787/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350 angezeigt werden, in eine Karte des Körpers oder reactJS. Ist es möglich, es zu tun oder muss ich es herunterladen, um
Draftjs styling in Reagieren
2 Antworten
Den ich nutzen möchte draft.js in meinem Projekt. Es hat seine eigene css, die ich auch importieren müssen. In der Dokumentation es wird gesagt: Diese CSS sollten enthalten sein, die beim Rendern der editor, wie diese Stile