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.
Zu halten, wie Browserify-bundle-Größe sinnvoll bei der Verwendung verlangt, für fremde Sachen (über Grunzen, wenn es darauf ankommt)
4 Antworten
Ich versuche, zu bündeln meinem eigenen code (A) der wiederum arbeitet mit 2 Komponenten von Drittanbietern (B und C), wo C muss auch B. Alles, soweit ich weiß, ist geschrieben, mit CommonJS-Knoten Stil Module. Einen auf seine
Nicht erfasste (bei Versprechen) ReferenceError: <Funktion> ist nicht definiert
3 Antworten
Ich bin wirklich neu auf ReactJs und derzeit kämpfen, um erstellen eine onClick-Ereignis wird der href-Wert selbst und übergeben es an eine Funktion mit dem Namen 'action'. Den action-Funktion sollte dann verhindern, dass die Standard-browser-Verhalten, führen Sie
Können Sie, oder sollten Sie verwenden, localStorage, in Redux ursprüngliche Zustand?
1 Antworten
Zum Beispiel... export const user = (state = { id: localStorage.getItem('id'), name: localStorage.getItem('name'), loggedInAt: null }, action) => { case types.LOGIN: localStorage.setItem('name', action.payload.user.name); localStorage.setItem('id', action.payload.user.id); return { ...state, ...action.payload.user } default: return { ...state, loggedInAt: Date.now() }
Die übergabe von Daten zwischen zwei Geschwister React.js Komponenten
1 Antworten
Habe ich zwei Instanzen einer Komponente (ein Suchfeld) auf einer Seite mit einer zweiten Komponente (der Knopf, der server ruft) zwischen Ihnen, wie eine solche: JS: ReactDOM.render( <table> <tbody> <tr> <td><CardSearch items={ cards } placeholder="Card 1 here"
Benutzerdefinierte Reagieren-Bootstrap Popover
1 Antworten
Ich möchte erstellen Sie eine benutzerdefinierte reagieren popover, basierend auf Bootstrap Popover, nur mit meinem eigenen design und vielleicht auch mehr Requisiten. Ich habe eine neue reagieren Komponente namens MyTooltip : import React, {Component} from 'react'; import
diese.Requisiten.Geschichte.push funktioniert nicht
2 Antworten
Wenn ich den export einer Komponente wie: export default class Link extends React.Component{ onLogout() { this.props.history.push('/'); } die Schaltfläche, die dieser gebunden ist korrekt, ändert sich die Seite reagieren-router v4. Jedoch in meiner main.js Datei, ich bin
Reagieren binden im Konstruktor, wie die übergabe von Parametern an Requisiten
2 Antworten
Ich versuche meine konvertieren Reagieren Klassen ES6, aber ich bin mit einigen Schwierigkeiten in diesem Prozess.. ich möchte meine Bindungen in den Konstruktor, und nicht in der render-Ansicht. Nun, wenn ich einen root-Modul mit einer setState, welche
Falsche Gehäuse Fehler mit dynamisch gerenderte Komponente Reagieren
1 Antworten
So, ich möchte spare Zeit später und wollen eine dynamisch generierte Seite. Aus diesem Grund möchte ich Lesen-Komponente Daten von einem Objekt, wie diesem: layout: { toolbar: { components: [ { type: "Testcomp", theme: "default", data: "div1"
`eval()`ing-code mit JSX-syntax in es
1 Antworten
Ich habe eine Webseite, wo der server generiert einen javascript-und senden es per ajax an den client. Das problem ist, ich will Reagieren auf die Seiten, aber nicht wissen, welche Funktion aufgerufen wird. Jetzt der javascript-jQuery und
Ruft setState() in Reagieren render-Methode
3 Antworten
Ich versuche reset Reagieren Zustandsvariablen (default-Werte) in einem container mit setState () - Methode. Aber immer folgende Fehler Warning: setState(...): Cannot update during an existing state transition (such as within `render` or another component's constructor). Render methods
Lesen von Daten aus dem FB 3 in einen Reagieren Komponente mit ES6-syntax
1 Antworten
Ich habe gekämpft, mit einem einfachen use case: Auslesen einer Nummer, dh angemeldet Benutzer zählt, auf meine Reagieren web-app von FB-Datenbank und anzeigen, wenn die Seite geladen wird. Es ist die Dokumentation für ältere Versionen Reagieren und
Legen Sie die gepressten Artikel in ein array im reagieren-native
1 Antworten
Habe ich eine Liste von tag-Objekten im array (Taglisten), die ich abholen vom server und speichern Sie in den Zustand. Nach einem erfolgreichen fetch-ich bin-Zuordnung jedem Element in einem ScrollView. export default class RegisterTags extends Component {
Reagieren nicht re-Rendern auf Status ändern
3 Antworten
Ich bin rendering einer neuen form, wenn die Schaltfläche geklickt wird. Also im Grunde ich ändern einen Zustand innerhalb der Komponente aus: false auf true oder null true Allerdings ist es seltsam, dass die Komponente nicht re-Rendern
EACCES: permission denied, unlink
1 Antworten
Kann ich nicht gestartet, mein Projekt mit react.js mit dem Befehl yarn install. Error: error /Users/lera/Desktop/beam-web/node_modules/sharp: Failed to auto-install node-gyp. Please run "yarn global add node-gyp" manually. Error: "EACCES: permission denied, unlink '/Users/lera/.config/yarn/global/node_modules/.yarn-integrity'" npm 5.0.3. Knoten 8.1.4.
Tut React.js benötigen app, um eine einzelne Seite
1 Antworten
Komme ich React.js und meine Frage ist einfach: ist meine app zu haben, um eine einzelne Seite app nutzen, wenn ich Reagieren? Wenn keine dann, wie kann ich kontrollieren, Bauteile außerhalb von Ihnen? Durch FLUX? Alle anderen
Wie man redirect im inneren Komponente im router Reagieren?
1 Antworten
Zu machen, wie die Umleitung im inneren Komponente im router Reagieren? Ich bin mit reagieren-rouer import React from 'react' import _ from 'lodash'; import FavoriteItem from '../components/FavoriteItem' const FavoritesList = ({list}) => { let transitionToItem = ({id})
Wie geben Sie die Funktionsparameter für Reagieren Komponente Rückruf mit TypeScript?
1 Antworten
Ich habe einen Reagieren Komponente im Typoskript, die wie folgt aussieht: interface FooDetails { name: string latitude: number, longitude: number, } interface FooSelectorProps { onDetailsChanged: Function, } class FooSelector extends React.Component<FooSelectorProps, any> { constructor(props: FooSelectorProps, context) {
Bereitstellung der Standard-Wert für die Funktion prop Reagieren in
3 Antworten
Was ist der beste Weg zu handhaben, optional React.PropType.func Eigenschaften? Soll ich Standard-noop, für die es (wenn ja, was ist der beste Weg) oder sollte ich nur überprüfen, ob die requisite definiert ist? propTypes: { onClick: React.PropTypes.func
Reagieren routing ohne Knoten
3 Antworten
Ich bin mit react.js aber nicht, indem Sie den Knoten server. Ich brauche eine Lösung für das routing, aber es scheint zu reagieren-router arbeiten mit Knoten. wenn nicht, geben Sie mir einige Beispiel, wie Integration reagieren-router. wenn
Warum funktioniert meine Reagieren Komponente Export nicht funktioniert?
2 Antworten
War ich nur immer zu reagieren und zu versuchen, es aus für mich. Nach Stunden der Konfiguration webpack, nur um ein hello world auf meinem Bildschirm dachte ich, ich könnte jetzt gehen, aber nach dem Rendern eine
Warum Reagieren Requisiten unveränderlich sind?
3 Antworten
Ich gelesen habe, Reagieren die Quick Start Dokumentation; Ob Sie deklarieren eine Komponente als eine Funktion oder eine Klasse, es muss nicht ändern Ihre eigenen Requisiten Dies ist eine "Reine" Funktion, da es sich nicht versucht zu
füllen wählen Sie mit datajson mit Reagieren js
1 Antworten
Ich versuche Auffüllen wählen Sie mit Reagieren js, ich bin mit dem Beispiel gegeben, auf die zu reagieren js-docs(https://facebook.github.io/react/tips/initial-ajax.html) , die jquery verwendet, um zu verwalten die ajax-aufrufen, ich bin nicht in der Lage, damit es funktioniert,
Senden response from server side axios Anfrage zu Reagieren/Redux app
1 Antworten
Bin ich ein wenig mit der Erstellung eines backend in Node/Express, aber ich versuche verwenden, axios, um HTTP-Anfragen. Ich habe express-Routen, die den nötigen Antrag und ich weiß aus über Postboten, die GET-Anforderung ich bin Tests nicht
Webpack nicht richtig aufgelöst mein alias
4 Antworten
Ich versuche, einen namespace für meine app funktioniert, wie Sie ein Modul, und der import meiner Komponenten unter Verwendung dieses namespace-Begrenzung der Verwendung von relativen Pfad. Obwohl, obwohl ich folgte der webpack-Dokumentation für alias hier: http://webpack.github.io/docs/configuration.html#resolve-alias Ich
"Definieren, ist nicht definiert" im Scherz beim testen es6-Moduls mit RequireJS Abhängigkeit
1 Antworten
Habe ich eine Scherz-test-suite, die nicht ausgeführt werden, weil die Komponente, die Sie versucht zu testen, hängt von einem RequireJS-Modul. Hier ist der Fehler, die ich bin zu sehen: FAIL __tests__/components/MyComponent.test.js ● Test suite failed to run
Mehrere Kontrollkästchen in der redux-form
2 Antworten
Ich würde gerne Fragen, hier ist das Szenario. Ich habe dies mehrere Kontrollkästchen, aber mein problem ist immer wenn ich das Häkchen einer checkbox, alle 4 Checkboxen ausgewählt sind. Und auch, warum ist es der Wert der
wie zu verwenden eine Funktion aus einer anderen js-Datei in reactjs?
4 Antworten
ich habe eine Datei something.js hat eine Funktion: someFunction: function(arg1, arg2){ //code blocks } In meinem app.js Datei, die ich wollen, rufen Sie diese Funktion in der app Klasse. Ich habe importiert die something.js - Datei wie
Redux connect() mit vielfachen Aktionen / Zustände
3 Antworten
Was ist der richtige Weg, der den Anschluss mehrerer Mitgliedstaaten mit entsprechenden Maßnahmen Schöpfer in Redux? Und das ist sogar eine gute Idee? Wie kann ich das umgehen, wenn es eine blöde Idee? export default connect( //which
Redux nicht die Aktualisierung von Eigenschaften in IE11
3 Antworten
ich in eine seltsame Frage in Bezug auf Reagieren & Redux in Internet explorer 11. Habe ich einen Reagieren Anwendung mit redux & thunk+promise-middleware. Gesagt-Anwendung arbeitet völlig in Ordnung, in Chrome, safari und firefox, aber bei der
erstellen-reagieren-app auf IIS-10
1 Antworten
Habe ich durchforstete das web nach einer Lösung gesucht, wie die Bereitstellung einer App Reagieren auf Microsoft ' s IIS. Ich es erfolgreich geschafft haben, zum bereitstellen von mehreren Node.JS Anwendungen, aber kein solches Glück mit Reagieren.
Zugriff auf einen reducer Zustand aus in einen anderen Druckminderer
3 Antworten
Habe ich einen reducer, wobei ich bin umstimmung des entsprechenden Status, wenn eine Aktion ausgelöst wird. Nun bin ich dem Aufruf einer API in regelmäßigen Abständen, damit das Ergebnis eine Aktion auslösen, wieder und wieder. Also, was
Kann ich löschen, Requisiten reagieren
2 Antworten
Ich möchte nur wissen, ist es möglich zu löschen, reagieren Komponente Requisiten sicher aus der Komponente. Gibt es eine Funktion wie diese.destroyProps({someProp}) InformationsquelleAutor Akhil P | 2016-05-21
Warum ist mein Kontext.router undefiniert in meine reagieren Komponente?
2 Antworten
Ich versuche auf meine router innerhalb meiner Komponente und es ist nicht definiert. Hier ist mein router: React.render( <Provider store={store}> {() => <Router> <Route path="/" component={LoginContainer} /> </Router> } </Provider>, document.getElementById('app') ); Hier ist der container: class
Wie kann ich animiert Karte Höhe in Material-UI - (Reagieren)
3 Antworten
Ich bin neu zu Reagieren und Material-UI, also bitte Geduld mit mir 😛 Was ich will zu tun ist, haben eine Karte, die sich dynamisch ändert seine Höhe, als sich der Inhalt ändert. Laut der docs, dies
clearInterval in Reagieren
3 Antworten
Ich bin neu zu Reagieren und ich habe versucht, erstellen Sie eine einfache Stoppuhr mit start-und stop-Tasten. Ich bin schlug meinen Kopf gegen die Wand, um zu versuchen, um clearInterval mit einem onClick-event auf die Stop-Taste. Ich
Webpack nicht kompilieren React.js Projekt
1 Antworten
Ich versuche, meine reagieren template-Projekt mit webpack v2.2.1 & web-pack-dev-Server v2.4.1. Wenn ich "webpack-dev-server --progress --hot --inline --Farben", das web-pack meldet "Fehler beim kompilieren". Überprüfte ich meine .js-Datei & config-Datei, aber konnte Sie nicht finden, Fehler. Kann
Benutzerdefinierte HTML-Element-Tag innerhalb Reagieren JSX
2 Antworten
Verwenden wir eine Komponenten-Bibliothek, die verwendet benutzerdefinierte Elemente. Dies erfordert von uns für die Verwendung des benutzerdefinierten HTML-tags innerhalb unserer JSX. Für ein sehr einfaches Beispiel: var App = React.createClass({ render: function() { return <niner/>; } });
Staaten in ReactJs mit ES6 und ES7
3 Antworten
In vielen Beispielen, die ich habe, finden Sie unter verwalten Zustand innerhalb von ein reagieren Komponente, die Sie verwenden, getInitialState wie in diesem Beispiel. var LikeButton = React.createClass({ getInitialState: function() { return {liked: false}; }, handleClick: function(event)
Reagieren Nativen alignSelf center und dehnen und maxWidth?
1 Antworten
Habe ich Folgendes <View style={{maxWidth: 700}}> <View style={{backgroundColor: 'red', flexDirection: 'row', justifyContent: 'space-between'}}> <Text>Left Item</Text> <Text>Right Item</Text> </View> </View> die so funktioniert, wie ich erwarten würde, auf einem großen Gerät (vertikale schwarze Linien sind die Kanten der
Erstellen einer dynamischen Tabelle, die aus json-Antwort in reactJS
2 Antworten
Ich bin neu zu reagieren, sowie UI und ich möchte einen schönen Tisch aus der JSON-Antwort empfangen von meinem ajax-call zum server. Wie kann ich das tun. Jede Art von information wäre wirklich hilfreich. var Contact =
mit css-Modulen wie definiere ich mehr als einen Stil-Namen
5 Antworten
Ich bin versucht, mehrere Klassen für ein element mithilfe von css-Module. Wie mache ich das? function Footer( props) { const { route } = props; return ( <div className={styles.footer}> <div className={styles.description, styles.yellow}> <p>this site was created by
Verschiedene handleChange () - Funktionen für jedes einzelne element in der Komponente? (Reagieren
3 Antworten
Ich würde gerne wissen, ob dies ist eine gute übung, oder ob ich eher das design dieser app anders. Ich bin besonders besorgt mit den beiden "handleChange' Funktionen, und Frage mich, ob dies könnte vereinfacht werden, irgendwie.
Bootstrap vs-Material UI Reagiert?
3 Antworten
Ich habe mit beiden in meinen Projekten und manchmal finde ich die Verwendung einer Material-UI-Komponente innerhalb eines bootstrap-Komponente und den UI-displays, wie ich es erwarten würde. Ich wurde geraten, nicht aber für die diesen Ansatz verwenden. Gibt
Trace: Der node-Typ SpreadProperty umbenannt wurde, um SpreadElement am Objekt.isSpreadProperty
4 Antworten
Starte ich eine app reagieren, und hier ist mein Webpack-Konfiguration: 'use strict' const ExtractPlugin = require('extract-text-webpack-plugin') const HTMLPlugin = require('html-webpack-plugin') module.exports = { devtool: 'eval', entry: `${__dirname}/src/main.js`, output: { filename: 'bundle-[hash].js', path: `${__dirname}/build`, publicPath: '/', }, mode:
Material UI-Komponente Verweis funktioniert nicht
5 Antworten
Baue ich eine kleine chat-Anwendung.ich habe verwendet, Material UI TextField zur Eingabe der Benutzer-Nachricht. aber ich kann nicht finden es. Ich lese über diese. Sie sagte, dass Sie keine Unterstützung für refs. das ist mein code. und
Webpack + Reagieren + Typoskript
2 Antworten
Ist es möglich, mit webpack mit Reagieren und Typoskript und in der Lage sein, zu bündeln und diese in ein web-bundle, aber immer noch in der Lage sein, um debug-original-Typoskript und Reagieren-code? Im webpack ich bin mit
Deaktivieren Sie alle radio buttons reagieren
4 Antworten
Ich denke, das ist eine sehr dumme Zweifel, aber ich bin stecken in dieser.. Ich habe mehrere radio buttons und ich möchten, deaktivieren Sie alle radio-buttons, sobald ich auf die anderen radio-button. Wie kann ich es erreichen,
Vorbei Onclick-Wert auf eine andere Komponente
1 Antworten
Javascript und Reagieren.. mit es nur um die UI für die Praxis Ich kann nicht scheinen zu übergeben, OnClick Wert bekomme ich an einer anderen Komponente schon als Kind Requisiten. ich beginne mich zu fühlen, wie das
Lifecycle componentWillReceiveProps mehrfach aufgerufen wird
1 Antworten
Ich haben die Umsetzung Tyler McGinnis Lehrplan zu lernen, zu reagieren. Es ist eine Wetter-app. Und ich habe Probleme beim Debuggen ein seltsames Verhalten. Ich bin mir ziemlich sicher, dass es etwas albern, dass ich das Tue
`requestAnimationFrame` polyfill Fehler im Scherz tests
8 Antworten
Habe diesen Fehler nach der Aktualisierung zu Reagieren, wenn ich lief meinen Scherz unit-tests: Reagieren, hängt von requestAnimationFrame. Stellen Sie sicher, dass Sie laden ein polyfill in älteren Browsern. Wie kann ich es beheben? Ich bin mit