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.

Warum sollten Objekte in der Redux unveränderlich sind?

Anzahl der Antworten 3 Antworten
Warum sollten Objekte in der Redux unveränderlich sind? Ich weiß, dass einige frameworks wie Angular2 verwenden onPush und Vorteil der Unveränderlichkeit zu vergleichen Staaten von Ansichten für schneller Rendern, aber ich Frage mich, ob es andere Gründe

Node.js Reagieren: Kann nicht hinzufügen-Eigenschaft context-Objekt ist nicht erweiterbar

Anzahl der Antworten 1 Antworten
Ich versuche zurzeit implementiert, die isomorph zu reagieren Bestandteil in meinem node.js + express bauen. Wenn ich allerdings versuchen, die besagten Komponente in meinem jade-template zu Rendern, bekomme ich diesen Fehler: TypeError: Can ' T add property

Reagieren JSX "Parse Error: Unexpected identifier"

Anzahl der Antworten 3 Antworten
Versuchen zu lernen, Reagieren JS /JSX im moment und haben steckengeblieben erstellen eines einfachen login-Formulars: /** * @jsx React.DOM */ var loginForm = React.createClass({ getInitialState: function() { return {loggedIn : false}; }, login : function(event) { alert('logging

Reagieren setState in einer map-Funktion

Anzahl der Antworten 3 Antworten
Ich kann nicht umbrochen, mein Kopf herum die Frage unten. Die Frage bezieht sich auf die asynchrone setState dimension. Normalerweise verwende ich den Rückruf, aber scheint nicht angemessen. Mein Ziel ist ein Staat (das werde ich in

Reagieren Merkblatt: Add Marker dynamisch

Anzahl der Antworten 2 Antworten
Hinzufügen Marker dynamisch zu Reagieren-Leaflet maps? Möchte ich hinzufügen, neue Marker, wenn Nutzer auf anzeigen. Und ich kann es nicht arbeiten. import React, { Component } from 'react' import { render } from 'react-dom'; import Control from

Benutzerdefinierte Bild-toggle-button in ReactJS

Anzahl der Antworten 1 Antworten
Habe ich diese ReactJS code zum anzeigen einer benutzerdefinierten image-Taste schaltet zwischen 2 unterschiedlichen Bilder für ON-und OFF-Zustand. Gibt es eine einfachere Möglichkeit, dies zu tun? Ich hatte gehofft, CSS-möglicherweise weniger Zeilen code, aber war nicht in

Fehler mit Typoskript / whatwg-fetch / webpack

Anzahl der Antworten 2 Antworten
Ich versuche, eine einfache demo-Anwendung mit Typoskript und Reagieren, mit webpack. Wenn ich versuche, um whatgw-abrufen zum abrufen von Daten von einem server, bekomme ich diese Fehlermeldung beim ausführen webpack : error TS2307: Cannot find module 'whatwg-fetch'

Die Browser-history in reagieren-router

Anzahl der Antworten 1 Antworten
Warum ich browserHistory in meiner app Reagieren, es dient immer noch bis eine Seite auf localhost:3000, aber wenn es bereitgestellt wird, bekomme ich eine leere Seite mit nichts in der Konsole. Wenn ich wechseln hashHistory jedoch, es

Reagieren Fehler “Uncaught TypeError: Typ.Großschreibung ist nicht eine Funktion" hello world " - app

Anzahl der Antworten 3 Antworten
Habe ich begonnen, es einmal mit reactjs, und nach einem tutorial, und ich habe den Fehler auf den Titel, gerade läuft auf eine sehr einfache "hello world" - app. Unten ist die single-Seite code, den ich habe:

Typoskript klagt Eigenschaft nicht vorhanden ist auf dem Typ 'JSX.IntrinsicElements' bei der Verwendung Reagieren.createClass?

Anzahl der Antworten 3 Antworten
Ich bin mit Maschinenschrift zu schreiben redux Anwendung. var item = React.createClass({ render: function() { return (<div>hello world</div>) } }); export default class ItemList extends Component<any, any> { render() { return (<item />) } } Dann Typoskript

Enzym: Verwendung von flach -, render -, oder mount?

Anzahl der Antworten 1 Antworten
Aus der Enzym docs flach, Rendern, und mount beschrieben werden, aber Wann verwendet man welche Methode? InformationsquelleAutor maasha | 2017-05-20

diese.setState ist nicht eine Funktion, reagieren nativen

Anzahl der Antworten 2 Antworten
Ich bin mir bewusst, es gibt ähnliche Fragen, aber keiner von Ihnen half mir lösen meine. So, hier ist mein Problem. Bin ich die Zusammenarbeit mit react native und mit dem flux-dispatcher. Versand und registrieren von my

npm WARNEN checkPermissions Fehlenden Schreibzugriff auf /usr/local/lib/node_modules

Anzahl der Antworten 4 Antworten
Ich versuche zu installieren Nonne mit diesem Befehl. npm install -g monaca Aber gleich nach immer diese Fehler: npm WARNEN checkPermissions Fehlenden Schreibzugriff auf /usr/local/lib/node_modules npm ERR! Pfad /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13

Wie man Parameter aus-hash-URL mit reagieren-router?

Anzahl der Antworten 1 Antworten
Jede Methode get URL-Parameter, die aus einem HASH-URL mit reagieren-router. welche version von reagieren-router verwenden Sie? version 2.0.0 ... Sie konnte etwas tun, ähnlich wie das stackoverflow.com/questions/34666087/... ? Habe es versucht, aber hat nicht funktioniert verwendet eine

Wie der Zugriff auf url-parameter reagieren Komponente

Anzahl der Antworten 3 Antworten
Ich habe einen reagieren Komponente geladen wird, ist auf routing Brauche ich Zugriff auf einen parameter aus der url innerhalb der Komponenten-Konstruktor Wie mache ich es? kann ich es wie folgt: class CustomCoponent extends React.Component { constructor(props,{match})

Klare Position Zustand nach der Navigation zu einem Weg

Anzahl der Antworten 1 Antworten
Ich bin mit reagieren-router browserHistory navigieren zum Pfad. browserHistory.push({ pathname: '/mycomponent', state: { someValue: 'value'}, }); So wird navigieren Sie zu mycomponent. Sobald ich greife mycomponent ich möchte die löschen-Taste someValue. so, dass wenn ich die Seite

BrowserRouter v4 - 'BrowserRouter' ist nicht definiert reagieren/jsx-no-undef

Anzahl der Antworten 1 Antworten
Möchte ich BrowserRouter in meiner app reagieren. Ich habe verschachtelten meine oberste Komponente in der BrowserRouter-tags, wie gezeigt: import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter as Router, Route, Link } from 'react-router-dom'; import

Stil-Komponenten-Organisation

Anzahl der Antworten 3 Antworten
Will ich mit Stil-Komponenten in meine app und ich Frage mich, wie Sie zu organisieren. Im Grunde Stil-Komponenten zugeordnet sind, um bestimmte Komponente auf Wiederverwendbarkeit. Aber was ist Stil-Komponenten, die ich verwenden möchten, die viele Male in

Wie Sortieren Sie die Liste Reagieren, die Komponenten, basierend auf verschiedenen Eigenschaften?

Anzahl der Antworten 5 Antworten
So, in diesem ist ein code-snippet aus meinem frontend. {store.results.data.map( result => <ResultItem key={result.id} title={result.title} description={result.description} start_date={result.start_date} end_date={result.end_date} vendor_name={result.vendor.name} buyer_name={result.buyer.name} preview_file={result.preview_file} status={result.status} /> )} Im Grunde bin ich der Zuordnung alle Daten in meinem Redux-store in ResultItems.

Der Kontext `router` ist als erforderlich markiert, im `Link`, aber sein Wert ist `undefined`

Anzahl der Antworten 3 Antworten
Ich habe ein problem mit dem Link. Gegoogelt eine Menge Themen, aber ich habe nicht eine richtige Antwort. In einer Diskussion, das problem ist in der früheren version von der router, der andere in die falsche import

'Button' ist nicht definiert reagieren/jsx-no-undef react.js

Anzahl der Antworten 4 Antworten
ich bin ein noob in React.js und nur Herumspielen mit Komponenten und event-Listener , ich bin versucht, Hinzuzufügen, eventlistener an button, aber es funktioniert nicht aus irgendeinem Grund... ich habe versucht zu importieren elementaren, aber das gibt

Wie Sie tun word-wrap für Daten mit reagieren-Tabelle?

Anzahl der Antworten 3 Antworten
Ich bin mit https://react-table.js.org/#/story/readme für die Anzeige der Tabelle aus dem server-Antwort. Aber für die Spalte Daten mit langen Länge, zeigt seine Auslassungszeichen. Ich bin nicht der Suche nach einem Weg für die Verpackung, so dass vollständige

Unterschied zwischen componentDidMount und getInitialState in Reactjs

Anzahl der Antworten 1 Antworten
Ich verstehe, dass getInitialState wird aufgerufen, sobald die Komponente des Lebenszyklus und componentDidMount wird aufgerufen, wenn die Komponente gerendert wird. Also bedeutet, dass beide bekommen als nur einmal in der Komponenten-Lebenszyklus? Was ist der Unterschied? InformationsquelleAutor wolfgang

Besseren Weg, um clearTimeout in componentWillUnmount

Anzahl der Antworten 3 Antworten
Ich habe einen Laden der Komponente, die bricht, wenn es wurde im laden für 8 Sekunden. Dieser code funktioniert, aber es fühlt sich aus mir und ich Frage mich, ob es gibt ein besserer Weg, dies zu

Webpack und Reagieren — Unerwartete token

Anzahl der Antworten 1 Antworten
Ich bin neu zu Reagieren und Webpack. Ich bin einrichten ist mein erstes Projekt, wenn ich versuche, führen Sie das webpack-dev-server meinen code nicht kompilieren! Update Antwort unten richtig ist. Ich brauchte, um hinzuzufügen 'react' zu babel

event.Ziel null im event-handler Reagieren

Anzahl der Antworten 1 Antworten
Folgenden code: var React = require("react") ; class ControlText extends React.Component { constructor(props){ super(props); this.state = { value: "" }; } update() { console.log(event); this.setState({value: event.target.value}); } render() { console.log(this.state); var value = this.state.value; return <input type="text"

Reagieren onScroll nicht feuern

Anzahl der Antworten 3 Antworten
Habe ich einfach reagieren Komponente, ich onScroll-Ereignis, dass Komponente, aber wenn ich scrollen, es ist nicht feuern import React, { Component, PropTypes } from 'react' export default class MyComponent extends Component { _handleScroll(e) { console.log('scrolling') } render()

Manifest.json für progressive web app nicht funktioniert

Anzahl der Antworten 1 Antworten
Ich versuche, das manifest.json-Datei arbeiten, für meine web-app. Leider ist es nicht richtig arbeitet. Ich erhalte die folgende Fehlermeldung in der chrome devtools: Zeile: 1, Spalte: 1, Unerwartetes token. Ich bin mir ziemlich sicher, dass die JSON-ist

babel JS-Datei nicht auflösen kann, "@babel/runtime/helpers/builtin/classCallCheck"

Anzahl der Antworten 3 Antworten
auf dem rest mein Projekt war großartig, bis ich löschen meine node_modules-Datei und versuchen Sie erneut zu installieren npm-Paket. Ich bin immer diese Fehlermeldung ./node_modules/react-event-listener/dist/react-event-listener.cjs.js Module not found: Can't resolve '@babel/runtime/helpers/builtin/classCallCheck' in '/Users/suatkarabacak/Desktop/demarkedashboard/node_modules/react-event-listener/dist' Mein Paket.json ist wie

Wird es reagieren native für windows phone?

Anzahl der Antworten 3 Antworten
Geschlossen. Diese Frage ist off-topic. Es ist derzeit nicht akzeptieren Antworten. verbessern Wollen dieser Frage? "Update" die Frage so ist es on-topic für Stack-Überlauf. Geschlossen 3 Jahren. Da jetzt auch Android und iOS werden beide unterstützt. Vielleicht

Ändern der Textfarbe von <TextInput/> in ReactNative

Anzahl der Antworten 2 Antworten
Möchte ich ändern Sie die text-Farbe & Platzhalter Textfarbe in einem android-reagieren native app: render: function() { return ( <View> <TextInput placeholder='Add Credit' placeholderTextColor='ffffff' textAlign='center' /> </View> ); }, var styles = StyleSheet.create({ creditInput: { backgroundColor: "#3f51b5",

Wie kann Sie bedingt deaktivieren eines Formular-input-in reagieren?

Anzahl der Antworten 1 Antworten
Möchte ich deaktivieren Sie die validiert Eingabe, wenn ein Element entspricht einem bestimmten Kriterien. In diesem Fall, wenn ein Produkt hat eine Förderung. Idealerweise würde ich gerne etwas wie das hier tun: <ValidatedInput className='product-dropdown' onChange={this.onProductChange.bind(this)} defaultValue={example.product_id} componentClass='select'

Wie verwenden Sie grid-template-Bereiche, in reagieren inline-style?

Anzahl der Antworten 4 Antworten
So, ich habe das Spiel mit css-grids im reagieren, wenn ich merkte, dass grid-template-areas hat eine etwas andere syntax, die möglicherweise nicht kompatibel inline reagieren Stile. Ich bin nicht mit jeder Bibliothek einfach nur alt reagieren inline-styles

Pass-Element Daten auf einen reagieren, modal

Anzahl der Antworten 4 Antworten
Ich eine Karte haben, machen Sie einige Elemente und eines seiner Linie unterhalb <a onClick={()=> this.setState({"openDeleteModal":true)}>Delete</a> Natürlich möchte ich zum öffnen eines modalen, wenn Benutzer klicken Sie auf das löschen, aber ich habe zu passieren ein paar

Vorbei an Requisiten, um Eltern Reagieren JS

Anzahl der Antworten 2 Antworten
Hier habe ich ein Textfeld mit einem Standard-Zahl "3", und ich möchte, dass es aktualisiert werden, wenn ich einen Wert eingeben und auf die Schaltfläche klicken. Da bin ich der Aktualisierung der Wert in Kind, ich weiß

Reagieren-native open link in browser und kehren Sie zu der app

Anzahl der Antworten 2 Antworten
Habe ich eine app zu entwickeln, die in reagieren,-Muttersprachler, die sollten kommunizieren mit einem gateway für Zahlungen, die nach Abschluss der Zahlungsabwicklung (Erfolg oder Fehler), die ich brauche, um zu zeigen, eine Warnung an Benutzer. Zu diesem

Dynamisch beim laden der Komponente mit ReactJS?

Anzahl der Antworten 1 Antworten
Hier ist mein Szenario. Ich Baue eine single-page-app mit einer Körper-Komponente, die mit einem sidebar-Komponente (die alle in JSX). Dem Rendern des Körpers component-Klasse sieht wie folgt aus: return ( <div> <SideBar onComponentChange={this.handleComponentChange}/> <div id="content-container"> <LoadingContainer ref="loading_container"/>

Material UI-Liste onClick feuert click-Ereignis auf verschachtelte Liste

Anzahl der Antworten 1 Antworten
Ich habe einen material-ui-Liste in meine einer der Komponente. Wenn ich klicken Sie auf ein beliebiges Element der Liste, ich gehe zu einem anderen listView. Ich bin mit router gehen Sie zu einem anderen listView. Und mit

Redux - Form: Nicht Versand-Aktion auf " Absenden

Anzahl der Antworten 1 Antworten
Ich bin mit der redux-Formular in meine Reagieren /Redux-Anwendung, und ich versuche, herauszufinden, wie der Versand einer Aktion auf senden. Konnte ich auslösen handleSubmit Funktion, und der submit-Funktion, ich pass auf es ausgeführt wird, aber die "submitFormValues'

Implementieren von HTML-Entity-Decode in react.js

Anzahl der Antworten 2 Antworten
Bin ich die Ausgabe der text-API vom server, und ich habe eine admin, die hat die html-Feldern für die Erleichterung der Befüllung der Inhalte. Das Problem hier, dass jetzt die text-anzeigen mit html-codes. Wie kann ich loswerden,

Reagieren: nicht bekommen Kann die richtige Breite des Elements nach dem Rendern

Anzahl der Antworten 4 Antworten
Ich versuche zu setup ein Zelt Reagieren, wenn ein Stück text ist größer als der container, aber ich kann nicht Holen Sie sich die richtige Breite des Containers ein, sogar nachdem die Komponente gerendert wurde. Lese ich

Wie kann ich dynamisch ändern Sie den Inhalt einer Reagieren Bootstrap-modal?

Anzahl der Antworten 2 Antworten
Ich versuche zu ändern, den Inhalt des modal, nachdem es montiert hat, aber ich bin nicht in der Lage zu finden, die richtigen Knoten zu ändern. Ich habe beigefügten Referenzen auf die Knoten, ich bin daran interessiert

Vorbei an speichern eines Zustands als Requisiten oder jede Komponente Zugriff auf Globale stores?

Anzahl der Antworten 2 Antworten
Ich bin ein bisschen verwirrt durch die Aussage: "Macht die ganze Anwendung" und "Weitergabe des Staates an untergeordnete Komponenten". Beispiel 1: Ich habe eine todo-Liste-app mit einer AppComponent und TodosListComponent. Die AppComponent packt das array der todo-Liste

Wie verwenden Sie Reagieren mit ASP.NET MVC

Anzahl der Antworten 2 Antworten
Wollte ich versuchen, zu Reagieren und begann nach dem tutorial hier Nahm der Internet-Vorlage Hinzugefügt, die erforderlichen Skript-Referenzen in _Layout.cshtml und platziert Sie das folgende Skript in Etwa.cshtml. Dieser code mit dem '@' char gibt ärger: <script

Reagieren inline-Stilen anwenden von Stilen aus-Zustand

Anzahl der Antworten 1 Antworten
Mit npm-inline-css - Modul, bin ich versucht zu ändern, bestimmte Elemente der Seite Farben beim speichern der Formatvorlagen in einem Staat. Ich setze den Status hier: setHeaderStyle: function(data){ var headerStyles = this.state.defaultStyles; if(data) { headerStyles.backgroundColor = data.first_colour;

Uncaught TypeError: Cannot read property 'filter' undefined

Anzahl der Antworten 2 Antworten
import React, {PureComponent} from 'react'; import {TextInput} from '../../shared'; import {array} from 'prop-types'; import { EmployeeTable } from '../employeeTable/EmployeeTable'; import './HeaderSearch.scss'; export class HeaderSearch extends PureComponent { static propTypes = { employees: array } constructor (props) {

Set onClick Wert in JS Reagieren

Anzahl der Antworten 1 Antworten
Ich bin derzeit getestet und ich habe ein problem das ich nicht lösen kann. Ich wollen im Grunde ändern die onClick-Wert aus einer div.btn bevor ich drauf klicke. Der javascript-code ist in react.js und verfügbar hier. Der

Wie kann ich die übergabe von Daten aus express-server zu reagieren, Ansichten?

Anzahl der Antworten 1 Antworten
Habe ich eine einfache express server eine Verbindung zu einer Datenbank orientdb. Ich brauche zum übergeben von Informationen von express, um zu reagieren Blick. Zum Beispiel, in der express habe ich: router.get('/', function(req, res, next) { Vertex.getFromClass('Post').then(

So ändern Sie die Rahmenfarbe der Material-UI <TextField/>

Anzahl der Antworten 7 Antworten
Ich kann nicht scheinen, um herauszufinden, wie man ändern Sie die umrissfarbe eines skizzierten Variante Ich schaute mich um GitHub-issues und die Leute scheinen zu sein, zeigt in Richtung der "InputProps" - Eigenschaft, aber das scheint mir

Reagieren router v4 funktioniert nicht mit Redux

Anzahl der Antworten 2 Antworten
Entwicklung einer Anwendung Reagieren mit Reagieren v4 router. Alles funktionierte gut, bis ich eingeführt Redux in meiner app. Da dann auf klicken Sie links auf route ändern Sie die browser-url ändert, aber die Komponente entsprechend der route