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.

14
Come implementare percorsi autenticati in React Router 4?
Stavo cercando di implementare percorsi autenticati, ma ho scoperto che React Router 4 ora impedisce che funzioni: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> L'errore è: Attenzione: non dovresti usare <Route component>e <Route children>nello stesso …
6
Stato ReactJS vs prop
Questo potrebbe essere il confine tra responsabile e supponente, ma vado avanti e indietro su come strutturare un componente ReactJS man mano che la complessità cresce e potrebbe usare una direzione. Provenendo da AngularJS, voglio passare il mio modello nel componente come proprietà e fare in modo che il componente …
121 reactjs 
2
Istanza v variabili di stato in react.js
In react.js, è meglio memorizzare un riferimento di timeout come variabile di istanza (this.timeout) o come variabile di stato (this.state.timeout)? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function () { self.openWidget(); }, DELAY); }, handleLeave: function () { …
2
Axios get in url funziona ma con il secondo parametro come oggetto no
Sto cercando di inviare la richiesta GET come secondo parametro ma non funziona mentre funziona come URL. Funziona, $ _GET ['naam'] restituisce il test: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) …
3
PropTypes in un'applicazione TypeScript React
L'utilizzo ha React.PropTypessenso in un'applicazione TypeScript React o è solo un caso di "cintura e bretelle"? Poiché la classe del componente è dichiarata con un Propsparametro di tipo: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } c'è qualche vantaggio reale nell'aggiungere static propTypes …
9
ReactJS - Ottieni l'altezza di un elemento
Come posso ottenere l'altezza di un elemento dopo che React ha renderizzato quell'elemento? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight return <div …
7
Come attivare / disattivare la 'modalità di sviluppo' di ReactJS?
Ho iniziato a utilizzare la funzione di convalida delle prop di ReactJS , che come dicono i documenti funziona solo in "modalità di sviluppo" per motivi di prestazioni. React sembra convalidare le proprietà di un particolare componente che ho annotato, ma non ricordo di aver attivato esplicitamente la "modalità di …
120 reactjs 
11
React JS onClick gestore di eventi
io ho var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); Voglio colorare lo sfondo dell'elemento dell'elenco cliccato. Come posso farlo in React? Qualcosa di simile a $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });
7
React.js: evento onChange per contentEditable
Come ascolto l'evento di cambiamento per il contentEditablecontrollo basato su? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/
14
Posso creare stili dinamici in React Native?
Diciamo che ho un componente con un rendering come questo: <View style={jewelStyle}></View> Dove jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Come posso rendere il colore di sfondo dinamico e assegnato in modo casuale? ho provato { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, …
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.