Domande taggate «reactjs»

React (noto anche come React.js o ReactJS) è una libreria JavaScript sviluppata da Facebook per la creazione di interfacce utente. Utilizza un paradigma dichiarativo basato sui componenti e mira a essere sia efficiente che flessibile.

8
Come ottenere il primo numero N di elementi da un array
Sto lavorando con Javascript (ES6) / FaceBook e cerco di ottenere i primi 3 elementi di un array di dimensioni variabili. Vorrei fare l'equivalente di Linq take (n). Nel mio file Jsx ho il seguente: var items = list.map(i => { return ( <myview item={i} key={i.id} /> ); }); Quindi …
15
Reagire codice "dopo il rendering"?
Ho un'app in cui devo impostare l'altezza di un elemento (diciamo "contenuto dell'app") in modo dinamico. Prende l'altezza del "chrome" dell'app e lo sottrae, quindi imposta l'altezza del "contenuto dell'app" per adattarlo al 100% all'interno di tali vincoli. Questo è semplicissimo con le viste vaniglia JS, jQuery o Backbone, ma …
21
Come passare alla cronologia in React Router v4?
Nella versione corrente di React Router (v3) posso accettare una risposta del server e utilizzare browserHistory.pushper andare alla pagina di risposta appropriata. Tuttavia, questo non è disponibile in v4 e non sono sicuro di quale sia il modo appropriato di gestirlo. In questo esempio, utilizzando Redux, Components / app-product-form.js chiama …
14
React: modifica di un input non controllato
Ho un semplice componente di reazione con il modulo che credo abbia un input controllato: 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> ) } onFieldChange(fieldName) { return …
6
Che cos'è mapDispatchToProps?
Stavo leggendo la documentazione per la libreria Redux e ha questo esempio: Oltre a leggere lo stato, i componenti del contenitore possono inviare azioni. In modo simile, è possibile definire una funzione chiamata mapDispatchToProps()che riceve il dispatch()metodo e restituisce i puntelli di callback che si desidera iniettare nel componente di …
27
Come aggiungere più classi a un componente ReactJS
Sono nuovo di ReactJS e JSX e sto riscontrando un piccolo problema con il codice seguente. Sto cercando di aggiungere più classi classNameall'attributo su ciascuna li: <li key={index} className={activeClass, data.class, "main-class"}></li> Il mio componente React è: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: …
30
Violazione invariante: gli oggetti non sono validi come figlio React
Nella funzione di rendering del mio componente ho: 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> ); } tutto viene <li>visualizzato correttamente , tuttavia quando si fa clic sull'elemento viene visualizzato …
16
Navigazione programmatica utilizzando il router di reazione V4
Ho appena sostituito react-routerda V3 a V4. Ma non sono sicuro di come navigare programmaticamente nella funzione membro di a Component. cioè in handleClick()funzione voglio navigare /path/some/wheredopo aver elaborato alcuni dati. Prima lo facevo: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') Ma non riesco a trovare tali interfacce in v4. …
19
Reagisci Js applicando condizionalmente gli attributi di classe
Voglio mostrare e nascondere in modo condizionale questo gruppo di pulsanti a seconda di cosa viene passato dal componente genitore che assomiglia a questo: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return …
6
Perché chiamare il metodo reazioni setState non muta immediatamente lo stato?
Sto leggendo la sezione Forms direactjsdocumentazione e ho appena provato questo codice per dimostrare l' onChangeutilizzo ( 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 type="text" …
11
ReactJS Due componenti comunicanti
Ho appena iniziato con ReactJS e sono un po 'bloccato su un problema che ho. La mia applicazione è essenzialmente un elenco con filtri e un pulsante per modificare il layout. Al momento sto utilizzando tre componenti: <list />, < Filters />e <TopBar />, ora, ovviamente, quando cambio impostazioni < …
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.