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.

6
React ignora l'attributo 'for' dell'elemento label
In React (framework di Facebook), devo rendere un elemento etichetta associato a un input di testo usando l' forattributo standard . ad esempio, viene utilizzato il seguente JSX: <label for="test">Test</label> <input type="text" id="test" /> Tuttavia, questo produce HTML privo fordell'attributo richiesto (e standard) : <label>Test</label> <input type="text" id="test"> Che cosa …
250 reactjs  label 
11
Reactjs setState () con un nome chiave dinamico?
EDIT: questo è un duplicato, vedi qui Non riesco a trovare alcun esempio di utilizzo di un nome chiave dinamico quando si imposta lo stato. Questo è quello che voglio fare: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, dove event.target.id viene utilizzato come chiave …
6
Reagisci alla matrice del proptype con la forma
Esiste un modo integrato per utilizzare i proptype per garantire che una matrice di oggetti che viene passata a un componente sia in realtà una matrice di oggetti di una forma specifica? Forse qualcosa del genere? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), Mi sto perdendo qualcosa di super ovvio …
17
Come combinare più oggetti di stile in linea?
In React puoi creare chiaramente un oggetto e assegnarlo come stile inline. cioè. menzionato sotto. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; var divStyle2 = {fontSize: …
229 reactjs 
6
Posso aggiornare gli oggetti di scena di un componente in React.js?
Dopo aver iniziato a lavorare con React.js, sembra che propssiano destinati a essere statici (passati dal componente genitore), mentre i statecambiamenti si basano sugli eventi. Tuttavia, ho notato nei documenti un riferimento a componentWillReceiveProps, che include specificamente questo esempio: componentWillReceiveProps: function(nextProps) { this.setState({ likesIncreasing: nextProps.likeCount > this.props.likeCount }); } Ciò …
3
React.Component vs React.PureComponent
Il funzionario Reagire documenti affermano che " React.PureComponent's shouldComponentUpdate()solo superficialmente confronta gli oggetti", e consiglia contro questo se lo stato è 'profonda'. Detto questo, c'è qualche motivo per cui si dovrebbe preferire React.PureComponentquando si creano componenti React? Domande : c'è qualche impatto sulle prestazioni nell'uso React.Componentche potremmo prendere in considerazione …
224 reactjs  state 
7
Comprensione di React-Redux e mapStateToProps ()
Sto cercando di capire il metodo connect di reagire-redux e le funzioni che assume come parametri. In particolare mapStateToProps(). Per come lo capisco, il valore di ritorno di mapStateToPropssarà un oggetto derivato dallo stato (come vive nel negozio), le cui chiavi verranno passate al componente di destinazione (a cui viene …
1
Come passare un componente di reazione a un altro componente di reazione per escludere il contenuto del primo componente?
C'è un modo per passare un componente in un altro componente di reazione? Voglio creare un componente di reazione modello e passare un altro componente di reazione al fine di escludere tale contenuto. Modifica: ecco un codice di reazione che illustra cosa sto cercando di fare. http://codepen.io/aallbrig/pen/bEhjo HTML <div id="my-component"> …
5
Come accedere allo stato di bambino in React?
Ho la seguente struttura: FormEditor- contiene più FieldEditor FieldEditor- modifica un campo del modulo e salva vari valori al suo interno nel suo stato Quando si fa clic su un pulsante in FormEditor, voglio essere in grado di raccogliere informazioni sui campi da tutti i FieldEditorcomponenti, informazioni nel loro stato …
10
Come gestire l'evento `onKeyPress` in ReactJS?
Come posso far funzionare l' onKeyPressevento in ReactJS? Dovrebbe avvisare quando enter (keyCode=13)viene premuto. var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text" id="one" onKeyPress={this.add} /> </div> ); } }); React.render(<Test />, document.body);
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.