Als «reactjs» getaggte Fragen

React (auch bekannt als React.js oder ReactJS) ist eine von Facebook entwickelte JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives, komponentenbasiertes Paradigma und soll sowohl effizient als auch flexibel sein.

8
So erhalten Sie die erste N Anzahl von Elementen aus einem Array
Ich arbeite mit Javascript (ES6) / FaceBook und versuche, die ersten 3 Elemente eines Arrays zu erhalten, deren Größe variiert. Ich würde gerne das Äquivalent von Linq nehmen (n). In meiner Jsx-Datei habe ich Folgendes: var items = list.map(i => { return ( <myview item={i} key={i.id} /> ); }); Dann, …
15
Code nach dem Rendern reagieren?
Ich habe eine App, in der ich die Höhe eines Elements (sagen wir "App-Inhalt") dynamisch einstellen muss. Es nimmt die Höhe des "Chroms" der App und subtrahiert sie und legt dann die Höhe des "App-Inhalts" so fest, dass sie zu 100% in diese Einschränkungen passt. Dies ist mit Vanilla JS-, …
14
Reagieren - Ändern eines unkontrollierten Eingangs
Ich habe eine einfache Reaktionskomponente mit der Form, von der ich glaube, dass sie eine kontrollierte Eingabe hat: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form className="add-support-staff-form"> <input name="name" type="text" value={this.state.name} onChange={this.onFieldChange('name').bind(this)}/> </form> ) } …
21
Wie kann ich in React Router v4 zum Verlauf wechseln?
In der aktuellen Version von React Router (v3) kann ich eine Serverantwort akzeptieren und verwenden browserHistory.push, um zur entsprechenden Antwortseite zu gelangen. Dies ist jedoch in Version 4 nicht verfügbar, und ich bin mir nicht sicher, wie ich damit umgehen soll. In diesem Beispiel ruft components / app-product-form.js unter Verwendung …
6
Was ist mapDispatchToProps?
Ich habe die Dokumentation für die Redux-Bibliothek gelesen und sie enthält das folgende Beispiel: Zusätzlich zum Lesen des Status können Containerkomponenten Aktionen auslösen. Auf ähnliche Weise können Sie eine aufgerufene Funktion definieren mapDispatchToProps(), die die dispatch()Methode empfängt und Rückruf-Requisiten zurückgibt, die Sie in die Präsentationskomponente einfügen möchten. Das macht eigentlich …
27
So fügen Sie einer ReactJS-Komponente mehrere Klassen hinzu
Ich bin neu in ReactJS und JSX und habe ein kleines Problem mit dem folgenden Code. Ich versuche, dem classNameAttribut jeweils mehrere Klassen hinzuzufügen li: <li key={index} className={activeClass, data.class, "main-class"}></li> Meine Reaktionskomponente ist: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ …
30
Invariante Verletzung: Objekte sind als untergeordnetes Kind nicht gültig
In der Renderfunktion meiner Komponente habe ich: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ... </div> ); } Alles wird gut, aber wenn Sie auf klicken <li> ich Element klicke, erhalte ich …
16
Programmgesteuert mit React Router V4 navigieren
Ich habe gerade react-routervon v3 auf v4 ersetzt. Ich bin mir jedoch nicht sicher, wie ich programmgesteuert in der Elementfunktion von a navigieren soll Component. dh in der handleClick()Funktion möchte ich /path/some/wherenach der Verarbeitung einiger Daten navigieren . Früher habe ich das gemacht durch: import { browserHistory } from 'react-router' …
19
Reagiere Js unter bedingter Anwendung von Klassenattributen
Ich möchte diese Schaltflächengruppe bedingt ein- und ausblenden, je nachdem, was von der übergeordneten Komponente übergeben wird, die folgendermaßen aussieht: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return ( <div className="row"> <div …
12
Eine Komponente ändert eine unkontrollierte Eingabe vom Typ Text, um Fehler in ReactJS zu steuern
Warnung: Eine Komponente ändert eine unkontrollierte Eingabe des zu steuernden Texttyps. Eingangselemente sollten nicht von unkontrolliert zu kontrolliert (oder umgekehrt) wechseln. Entscheiden Sie sich für die Lebensdauer der Komponente zwischen der Verwendung eines gesteuerten oder unkontrollierten Eingabeelements. * Folgendes ist mein Code: constructor(props) { super(props); this.state = { fields: {}, …
6
Warum mutiert der Aufruf der Methode react setState den Status nicht sofort?
Ich lese den Abschnitt Formulare vonreagierenDokumentation und habe gerade diesen Code ausprobiert, um die onChangeVerwendung zu demonstrieren ( JSBIN ). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() { return ( <input …
11
ReactJS Zwei Komponenten kommunizieren
Ich habe gerade mit ReactJS angefangen und bin ein wenig auf ein Problem fixiert, das ich habe. Meine Anwendung ist im Wesentlichen eine Liste mit Filtern und einer Schaltfläche zum Ändern des Layouts. Im Moment bin ich mit drei Komponenten: <list />, < Filters />und <TopBar />, nun offensichtlich , …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.