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.


20
Ottieni i dati del modulo in ReactJS
Ho una forma semplice nella mia renderfunzione, in questo modo: render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } Cosa devo scrivere nel mio …


29
"SyntaxError: token imprevisto <in JSON nella posizione 0"
In un componente dell'app React che gestisce feed di contenuti simili a Facebook, sto riscontrando un errore: Feed.js: 94 non definito "parsererror" "SintassiError: token imprevisto &lt;in JSON in posizione 0 Mi sono imbattuto in un errore simile che si è rivelato un errore di battitura nell'HTML all'interno della funzione di …

7
React vs ReactDOM?
Sono un po 'nuovo per reagire. Vedo che per iniziare dobbiamo importare due cose Reacte ReactDOM, qualcuno può spiegare la differenza. Sto leggendo la documentazione di React , ma non lo dice.
197 reactjs  react-dom 

4
Posso inviare un'azione nel riduttore?
è possibile inviare un'azione in un riduttore stesso? Ho una barra di avanzamento e un elemento audio. L'obiettivo è aggiornare la barra di avanzamento quando il tempo viene aggiornato nell'elemento audio. Ma non so dove posizionare il gestore eventi ontimeupdate o come inviare un'azione nel callback di ontimeupdate per aggiornare …
196 reactjs  redux  reducers 

1
Convalida prop di reazione per oggetti data
Qual è il modo attualmente preferito per convalidare un oggetto Datedi reazione? In questo momento sto usando: React.PropTypes.object Questo, tuttavia, ora sta fallendo la regola del lint di tipo proibito-prop . Dovrei usare un shapeo c'è un modo migliore?
196 reactjs 



4
Quando utilizzare il callback di React setState
Quando uno stato del componente di reazione cambia, viene chiamato il metodo di rendering. Quindi per qualsiasi cambiamento di stato, un'azione può essere eseguita nel corpo dei metodi di rendering. Esiste quindi un caso d'uso particolare per il callback setState?

4
Come convalidare i PropTypes di un oggetto nidificato in ReactJS?
Sto usando un oggetto dati come oggetti di scena per un componente in ReactJS. &lt;Field data={data} /&gt; So che è facile convalidare l'oggetto PropTypes stesso: propTypes: { data: React.PropTypes.object } Ma cosa succede se voglio convalidare i valori all'interno? vale a dire. data.id, data.title? props[propName]: React.PropTypes.number.required // etc...
191 reactjs 

13
ReactJS - Come usare i commenti?
Come posso usare i commenti all'interno del rendermetodo in un componente React? Ho il seguente componente: 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) { super(props); } handleClick() { alert('I am click here'); } render() { return ( &lt;div className="dropdown"&gt; // …


3
Reagire componente stateless funzionale, PureComponent, Component; quali sono le differenze e quando dovremmo usare cosa?
Sono venuto a sapere che da React v15.3.0 , abbiamo una nuova classe base chiamata PureComponent da estendere con PureRenderMixin integrato. Quello che capisco è che, sotto il cofano, questo utilizza un confronto superficiale di oggetti di scena all'interno shouldComponentUpdate. Ora abbiamo 3 modi per definire un componente React: Componente …

13
Come ottenere il valore di un campo di input usando ReactJS?
Ho il seguente componente React: export default class MyComponent extends React.Component { onSubmit(e) { e.preventDefault(); var title = this.title; console.log(title); } render(){ return ( ... &lt;form className="form-horizontal"&gt; ... &lt;input type="text" className="form-control" ref={(c) =&gt; this.title = c} name="title" /&gt; ... &lt;/form&gt; ... &lt;button type="button" onClick={this.onSubmit} className="btn"&gt;Save&lt;/button&gt; ... ); } }; La …

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.