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.

ReactJS (JSX) syntax-highlighting im Visual Studio 2015

Anzahl der Antworten 2 Antworten
Bin ich beim Lesen über die "built-in-Unterstützung von jsx-syntax in VS 2015", aber kann ihn nicht finden. Ist Sie versteckt in den Einstellungen der IDE, oder muss ich die Installation einiger Erweiterung? InformationsquelleAutor lewis | 2015-10-23

Reagieren Sie Nicht Lesen-Eigenschaft 'binden' undefined

Anzahl der Antworten 3 Antworten
Ich bin stecken mit einem Problem, dass ich nicht verstehe mit Bindung. Ich habe versucht, alle Möglichkeiten der Bindung in allen Fragen in Bezug auf dieses Problem, bei StackOverflow, aber jedes mal habe ich die gleichen Fehler:

Wie spy componentWillMount mit Scherz-und Enzym -

Anzahl der Antworten 4 Antworten
Ich versuche zu testen, ob componentWillMount genannt wurde und für die, die mein test ist test('calls `componentWillMount` before rendering', () => { let fn = jest.fn(SomeComponent.prototype.componentWillMount) mount(<SomeComponent />) expect(fn).toHaveBeenCalled() }) Aber auch wenn die componentWillMount-Methode aufgerufen wird,

Reagieren-Bootstrap ziehen der rechten Navigationsleiste

Anzahl der Antworten 3 Antworten
Ich bin mit react-bootstrap für das styling meiner website. Ich möchte hinzufügen Navbar wo alle Elemente sind auf der rechten Seite gespiegelt. export default class XNavbar extends React.Component { render() { return ( <Navbar inverse fluid >

['type aliases' kann nur verwendet werden, ein .ts-Datei]

Anzahl der Antworten 5 Antworten
Verwende ich den Befehl reagieren-native-init "name Projekt", dann öffnen Sie vscode zu haben scheinen Fehlermeldung code. (Bild) Möglich, Duplikat der js 'Typen' kann nur verwendet werden, ein .ts-Datei - Visual Studio-Code mit @ts-check InformationsquelleAutor thana | 2018-02-18

Wie die Weiterleitung nach dem Erfolg von ajax-Aufruf mittels Reagieren-router-Komponente?

Anzahl der Antworten 3 Antworten
Baue ich eine Anwendung mit Facebook flux Architektur React JS. Ich habe bauen die basic-Teil der app, wo ich ein login-Formular. Ich bin das Holen die das Ergebnis von Knoten-server überprüft werden Benutzer beim speichern, bekomme ich

reagieren: warum statische propTypes

Anzahl der Antworten 2 Antworten
Ich bin auf der Suche der redux todomvc-codes. Was ist die static Schlüsselwort in static propTypes? Dank UPDATE Keine Ahnung, warum downvoted? Dieser Beitrag ist zu einfach? Kommentare sind willkommen. Danke. Ich hoffe, ich kann löschen Sie

Styling reagiert, material-ui tabs

Anzahl der Antworten 4 Antworten
Ich gerade begonnen, reagiert material-ui und ich würde gerne passen einige Stile. Zum Beispiel ändern Registerkarten Hintergrundfarbe. versuchen, zu verwenden inlineStyle wie <Tabs style={this.getStyles().tabs} > </Tabs> getStyles(){ return { tabs: { backgroundColor: Colors.teal200 }, headline: { fontSize:

'react-router" nicht enthalten einen export namens 'Link'

Anzahl der Antworten 1 Antworten
Ich bin mit [email protected] └─┬ [email protected] ├─┬ [email protected] │ ├── [email protected] │ └── [email protected] └── [email protected] und diese Meldung wird angezeigt, in der Entwicklung, wenn das anbringen einer reagieren-Link router ./src/containers/FilterLink.js 37:4-8 'react-router' does not contain an

Schaltfläche ändern Farbe reagieren nativen

Anzahl der Antworten 1 Antworten
Möchte ich einfach ändern Sie die Farbe der Schaltfläche, aber ich kann nicht. Ich habe versucht zu ändern, direkt in der Taste, und übergeben Sie einen Stil, um ihn. Aber keiner von Ihnen arbeitete. Hier mein sehr

Befehl nicht gefunden: Scherz

Anzahl der Antworten 6 Antworten
Ich habe eine test-Datei, etwa so: (ich bin mit create-reagieren-app) import React from 'react'; import ReactDOM from 'react-dom'; import App from './components/Calculator'; import { getAction, getResult } from './actions/' import {shallow} from 'enzyme'; import toJson from 'enzyme-to-json';

die Fehlermeldung 'Dokument' ist nicht definiert : eslint / Reagieren

Anzahl der Antworten 3 Antworten
Ich Baue eine app Reagieren, die mit create-reagieren-app. Bekam ich folgende Fehlermeldung bei der Ausführung von ESLint: 8:3 error 'document' is not defined no-undef. Meine app läuft ohne Fehler, aber ich habe diese ESLint Fehler in 2

Invarianten-Verletzung: Objekte werden nicht gültig wie ein Kind Reagieren (für verschachtelte Objekte)

Anzahl der Antworten 1 Antworten
in meine reagieren Komponente habe ich ein Objekt user die aussieht wie { _id: xxx, stats: {a: 1, b: 2, c: 3}, shops: [s1, s2, s3] //s1, s2, s3 are all objects ... } Und dann in

So zeigen Sie die html-Entität verwenden Reagieren?

Anzahl der Antworten 5 Antworten
Ich bin zu wollen, zeigen die 'cubic' html-entity (hoch-3). Ich Tue, wie diese: const formatArea = function(val){ return val + " ft&sup3;"; } wo formatArea genannt wird, aus dem inneren der Komponente': render(){ return ( <div> {formatArea(this.props.area)}

dom-ready-event in Reagieren

Anzahl der Antworten 1 Antworten
Habe ich einige Komponenten, wie unten: Wrapper: wrap-Loader und Seite Loader: einige Animations - Seite: Seite Inhalt code wie folgt: <body> <div id="app"></div> </body> class Loader extends Component {} class Page extends Component {} class Wrapper extends

Wie zu tun, CSS :hover-Funktion in JSX ?

Anzahl der Antworten 3 Antworten
Hallo und vielen Dank für die tolle Arbeit hier. Ich bin mit react.js für mein Projekt zu bauen meine Komponenten und ich fühle mich ein wenig stecken in meinem Projekt jetzt. Ich bin versucht, Stil ein button

Reagieren Sie nicht zu importieren-Komponente — Modul nicht gefunden

Anzahl der Antworten 4 Antworten
Ich habe gerade angefangen mit React.js und ich bin nicht in der Lage zu importieren Komponente. Habe ich diese Struktur, gefolgt von dieses tutorial (YouTube-link) : -- src ----| index.html ----| app ------| index.js ------| components --------|

Umgang mit response-status abrufen im JS reagieren

Anzahl der Antworten 2 Antworten
Ich gerade angefangen zu lernen, ReactJS. Jetzt will ich wissen, wie man mit response-status, wenn ich eine API-Anfrage mit fetch. Hier ist mein code : componentDidMount(){ this.setState({ isLoading: true }) var id = this.props.match.params.id const api =

Countdown-timer in Reagieren

Anzahl der Antworten 4 Antworten
Ich habe gesehen, viele countdown-Timer in JavaScript und wollte eins zu bekommen, arbeiten Reagieren. Ich ausgeliehen haben, diese Funktion habe ich online gefunden: secondsToTime(secs){ let hours = Math.floor(secs / (60 * 60)); let divisor_for_minutes = secs %

Reagieren.Kinder.anzeigen rekursiv?

Anzahl der Antworten 5 Antworten
Ich Baue ein Reagieren Komponente für das Rendern einer HTML-form und ich finde die müssen rekursiv Durchlaufen alle Kinder meiner Eltern-Form-Komponente, um das hinzufügen von zusätzlichen Requisiten, nur Kinder, Komponenten eines bestimmten Typs. Einem Beispiel (JSX): <Form>

Reagieren-router: TypeError: Cannot set property 'Requisiten' undefined

Anzahl der Antworten 1 Antworten
Ich versuche zum einrichten von routing in Meteor mit react-router Paket und erhalte folgende TypeError: Link zum Bild: https://postimg.org/image/v0twphnc7/ Den code in dem ich bei main.js import React from 'react'; import ReactDOM from 'react-dom'; import { Router,

Wie bekomme ich diese.Zustand.Wert von anderen Komponenten reagieren nativen

Anzahl der Antworten 1 Antworten
Ich habe es auf der Arbeit aufrufen von getValue in classtwo von classone aber gibt es einen anderen Weg, dies zu tun? Gibt es einen einfacheren Weg, diese zu bekommen.Zustand.Wert von classtwo? Habe ich versucht, indem statische

Empfangen "Versucht zu importieren-Fehlermeldung:" in der app reagieren

Anzahl der Antworten 2 Antworten
Ich erhalte die folgende Fehlermeldung beim ausführen meiner app reagieren: ./src/components/App/App.js Attempted import error: 'combineReducers' is not exported from '../../store/reducers/'. Hier ist, wie ich bin, Export combineReducers: import { combineReducers } from 'redux'; import userReducers from './userReducers';

Wie zu beheben "Konflikt: Mehrere Elemente emittieren zu der gleichen mit dem Namen" Fehler im Webpack?

Anzahl der Antworten 1 Antworten
Webpack ist mir dieser Fehler für einige Grund: ERROR in chunk html [entry] appN.js Conflict: Multiple assets emit to the same filename appN.js Ist es wegen der Verwendung von "App" im Namen meiner Dateien? Meine webpack.config.js Datei:

Erstellen einer HTML-string aus einem Reagieren Komponente in den hintergrund, wie mit der string durch dangerouslySetInnerHTML in anderen Reagieren Komponente

Anzahl der Antworten 2 Antworten
Ich versuche zu Rendern LaTeX strings in einem Projekt Reagieren. Obwohl ich den react-mathjax Reagieren-Komponenten, ich möchte einen HTML-string aus LaTeX Zeichenfolgen, um zu verketten, es und die anderen Saiten und die Einstellung dangerouslySetInnerHTML. Meinem aktuellen code

Reagieren - Jedes Kind in ein array oder iterator sollte ein eindeutiger "Schlüssel" prop

Anzahl der Antworten 2 Antworten
Ich habe ein problem mit die wichtigsten Requisiten in einem Reagieren JS-Komponente. Ich bin immer Warnung: Jedes Kind in ein array oder iterator sollte ein eindeutiger "Schlüssel" prop. Überprüfen Sie die render-Methode von Login. Verabschiedet wurde ein

Redux-Erweiterung - Uncaught TypeError: Ungültiger Versuch zur Ausbreitung nicht-wiederholenden Instanz

Anzahl der Antworten 1 Antworten
Arbeite ich an einer Anwendung Reagieren, die auch verwendet die Redux-dev-tools-Erweiterung. Es läuft auf Knoten und verwendet Webpack zu kompilieren. Ich habe vor kurzem aktualisiert mein Antrag auf Webpack 4 aus 2. Die Anwendung kompiliert fein durch

Wie aktualisieren von meta-tags in React.js?

Anzahl der Antworten 5 Antworten
Arbeitete ich auf einer single-page application in react.js, was ist also der beste Weg, um update-meta-tags auf Seite übergänge oder browser back/forward? InformationsquelleAutor Harkirat Saluja | 2016-06-09

Aktivieren der Datei-upload über Reagieren Material-UI-einfache Eingabe?

Anzahl der Antworten 4 Antworten
Erstelle ich ein einfaches Formular zum upload der Datei mit Hilfe der Elektronen-reagieren-boilerplate mit redux form & material-ui. Das problem ist, dass ich nicht weiß, wie das erstellen von " input file Feld, da material-ui nicht unterstützen,

Übergabe Schlüssel, um Kinder in React.js

Anzahl der Antworten 1 Antworten
Bin ich laufen durch ein reagieren tutorial auf tutsplus, dass ist ein bisschen alt, und der code funktioniert nicht, wie es ursprünglich geschrieben wurde. Ich bin eigentlich völlig ok mit diesem, wie es zwingt mich zu lernen,

Trace-warum Reagieren Komponente re-rendering

Anzahl der Antworten 6 Antworten
Ist es, einen systematischen Ansatz zu Debuggen, was die Ursache für eine Komponente zu re-render-in Reagieren? Ich habe eine einfache Konsole.log (), um zu sehen, wie viele Zeit es macht, aber ich habe Probleme, herauszufinden, was die

Gewusst wie: anpassen von Ant.design-Stile

Anzahl der Antworten 4 Antworten
Wer weiß, wie das anpassen Ant.design-Stile in der richtigen Art und Weise? Ich zum Beispiel ändern möchten, die Standard-Hintergrundfarbe und die Höhe der Header-Abschnitt: import React, { Component } from 'react'; import { Form, Layout } from

Wie der Zugriff auf Speicher in der zweiten Komponente reagieren-redux

Anzahl der Antworten 2 Antworten
Habe ich eine einzelne Komponente App.js wo ich versucht zu sparen Zustand mit redux. In index.js wo ich speichern für nur <App /> Komponente. index.js let store = createStore(scoreReducer); ReactDOM.render( <Provider store={store}><App /></Provider>, document.getElementById("root") ); registerServiceWorker(); Habe

ReactJS API-Daten Abrufen CORS Fehler

Anzahl der Antworten 1 Antworten
Ich habe versucht, zu reagieren, erstellen Sie eine web-app jetzt seit ein paar Tagen für mein Praktikum und ich habe festgestellt ein CORS-Fehler. Ich verwende die neueste version von reactJS, und platzieren Sie diesen in der create-react-app,

redux Holen Körper ist nicht zu verwenden mit keine cors-Modus

Anzahl der Antworten 1 Antworten
Habe ich diese Aktion ruft eine Funktion: dispatch(Api({url: "my_url", method: "POST", data: data})) Hier bin ich vorbei array als Daten.. import fetch from 'isomorphic-fetch' export default function Api({url, method, headers, data}={}){ return dispatch => { console.log(data) console.log(url)

Zugang Requisiten innerhalb von Anführungszeichen in React JSX

Anzahl der Antworten 8 Antworten
In JSX, wie du auf einen Wert von props von innen eine zitierte Attribut Wert? Beispiel: <img className="image" src="images/{this.props.image}" /> Die resultierende HTML-Ausgabe ist: <img class="image" src="images/{this.props.image}"> InformationsquelleAutor cantera | 2014-02-10

Invarianten-Verletzung: sollten Sie nicht verwenden, <Switch - > außerhalb <Router>

Anzahl der Antworten 2 Antworten
Ich habe ein problem, ich weiß nicht, wie zu lösen, ich bekomme diese Fehlermeldung beim ausführen von npm test Invariant Violation: You should not use <Switch> outside a <Router>. Was kann das problem sein und wie kann

Kann nicht zuordnen, nur-lese-Eigenschaft 'Requisiten' des #<Objekt> in reagieren nativen

Anzahl der Antworten 2 Antworten
Nicht zuordnen können, um nur-lese-Eigenschaft 'Requisiten' des # Habe ich überprüft #1654 ohne Erfolg. Bitte haben Sie einen Blick auf das Problem im detail hier- Im Grunde das, was ich Tue, ist mit einem Navigator zu verschieben,

Gewusst wie: hinzufügen sourcemap in Reagieren Nativen für die Produktion?

Anzahl der Antworten 3 Antworten
Erhielt ich Fehler melden, wie die folgenden, während die app abgestürzt: Schwerer Ausnahmefehler: com.facebook.reagieren.Module.core.JavascriptException: onSelect-index.android.bundle:20:7148 onPress index.android.bundle:20:2435 Aber es ist nicht wirklich hilfreich für mich, um Probleme zu Schießen. Wie könnte ich Sie aktivieren-source-Karte, so dass ich

Wie zu verwenden FormattedMessage innerhalb eines option-Tags in Reagieren 0.14?

Anzahl der Antworten 4 Antworten
Ich versuche zu migrieren, die meiner Anwendung aus Reagieren 0.12 Reagieren 0,14 und habe Probleme mit der option-Elementen, die reagieren-intl FormattedMessage Objekte platziert wählen Sie tags. Hier ist ein Beispiel JSX-code: <select> <option value="value1"><FormattedMessage message={this.getIntlMessage('key1')}/></option> <option value="value2"><FormattedMessage

Wie die post ein Formular mit dem fetch-in, reagieren die einheimischen?

Anzahl der Antworten 2 Antworten
Ich versuche, die post das Formular mit den first_name, last_name, email, Passwort und password_confirmation mit reagieren-native fetch api. fetch('http://localhost:3000/auth', { method: 'post', body: JSON.stringify({ config_name: 'default', first_name: this.state.first_name, last_name: this.state.last_name, email: this.state.email, password: this.state.password, password_confirmation: this.state.password_confirmation, })

Warum bekomme ich einen SyntaxError: Zuordnung zu rvalue?

Anzahl der Antworten 2 Antworten
Ich habe eine map() und ich wollen an zwei Parametern: ein string eine Funktion Beispiel-code: JS: { values.map((workflow, totalWorkflow()) => { return <WorkflowSingle key={ workflow } workflow={ workflow } /> }) } Warum erhalte ich diese Fehlermeldung:

Testen Sie die Einstellung text-Wert mit Reagieren und Enzym

Anzahl der Antworten 4 Antworten
Wie legen Sie die text-Eingabe und testen Sie es Wert ist, mit Reagieren /Enzym? const input = wrapper.find('#my-input'); input.simulate('change', { target: { value: 'abc' } } ); const val = input.node.value; //val is '' Alle Lösungen hier

Beste Weg, um die filter-Tabelle in Reagieren

Anzahl der Antworten 1 Antworten
Ich habe ein array von Objekten gespeichert, die in redux. Ich möchte in der Lage sein filter-array basierend auf Benutzereingaben. Sollte ich ein Status-Objekt, das das array empfängt durch Requisiten und ändern Sie das array, oder ist

Reagieren-router TypeError: _diese.Requisiten.die Geschichte ist nicht definiert

Anzahl der Antworten 5 Antworten
Ich bin mit reagieren-router mit reagieren js und ich nach Ihrer Dokumentation aber vor diesem Fehler beim kompilieren zeigt es den Fehler, TypeError: _this.props.history is undefined dies ist mein index.js Datei import React from 'react'; import ReactDOM

Hinzufügen style-Attribute, um eine css-Klasse dynamisch in der app reagieren

Anzahl der Antworten 2 Antworten
Ich bin mit webpack mit css-loader laden meiner css-Stile und fügen Sie Sie zu Reagieren-Komponenten. import styles from '../styles/cell.css'; .cell { border-radius: 50%; background-color: white; } <div className={styles.cell} /> Bin ich der Berechnung der Höhe/Breite der Zelle

Reagieren Nativen Unendliche Scroll

Anzahl der Antworten 4 Antworten
Habe ich versucht zu bekommen, ein minimal-Beispiel von unendlichen scrollen. Also ich habe diese: var React = require('react-native'); var { StyleSheet, View, Image, ListView, } = React; var data = [ { "id": 1, "profile_picture": { "href":

Preset-Dateien sind nicht erlaubt, um Objekte exportieren

Anzahl der Antworten 8 Antworten
Habe ich ein Karussell-Datei, in die ich will index.js und bauen block.build.js, so meine webpack.config.js ist: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : {

Nicht finden können Modul babel-preset-es2015

Anzahl der Antworten 2 Antworten
Immer gleichen Fehler immer wieder: Error: Cannot find module 'babel-preset-es2015'. Vollständige Fehlerprotokoll: ERROR in ./main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-es2015' from 'C:\Users\hp\Desktop\reactApp' at Function.module.exports [as sync] (C:\Users\hp\Desktop\reactApp\node_modules\resolve\lib\sync.js:43:15) at resolveStandardizedName (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\files\plugins.js:101:31) at resolvePreset

Richtige Weg, um update-state in der redux-Reduzierer

Anzahl der Antworten 2 Antworten
Ich bin ein Neuling in redux und es6-syntax. Ich meine die app mit den offiziellen redux tutorial, und mit diesem Beispiel. Gibt es JS-snippet unten. Meine Punkt - zu definieren REQUEST_POST_BODY und RECEIVE_POST_BODY Fällen, in Beiträge reducer.