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.

29
Mostra o nascondi l'elemento in React
Sto scherzando con React.js per la prima volta e non riesco a trovare un modo per mostrare o nascondere qualcosa su una pagina tramite l'evento click. Non sto caricando nessun'altra libreria sulla pagina, quindi sto cercando un modo nativo usando la libreria React. Questo è quello che ho finora. Vorrei …
30
Errore non rilevato: violazione invariante: il tipo di elemento non è valido: prevista una stringa (per componenti incorporati) o una classe / funzione ma ottenuto: oggetto
Ricevo questo errore: Errore non rilevato: violazione invariante: il tipo di elemento non è valido: prevista una stringa (per componenti incorporati) o una classe / funzione (per componenti compositi) ma ottenuto: oggetto. Questo è il mio codice: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var …
19
Best practice per lo stile in linea di React.js
Sono consapevole che puoi specificare gli stili all'interno delle classi React, in questo modo: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Dovrei mirare a fare tutto lo styling in …
30
Esegui il debounce in React.js
Come si esegue il debounce in React.js? Voglio rimandare il handleOnChange. Ho provato con debounce(this.handleOnChange, 200)ma non funziona. function debounce(fn, delay) { var timer = null; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function() { fn.apply(context, args); }, delay); }; } var SearchBox = …
9
Pro / contro dell'utilizzo di redux-saga con generatori ES6 vs redux-thunk con ES2017 async / waitit
Si parla molto dell'ultimo ragazzo in redux town in questo momento, redux-saga / redux-saga . Utilizza le funzioni del generatore per ascoltare / inviare azioni. Prima di avvolgerci la testa, vorrei conoscere i pro / contro dell'utilizzo redux-sagaanziché l'approccio di seguito in cui sto usando redux-thunkcon asincrono / wait. Un …
15
Chiama il metodo figlio dal genitore
Ho due componenti. Componente padre Componente figlio Stavo cercando di chiamare il metodo del bambino da Parent, ho provato in questo modo ma non sono riuscito a ottenere un risultato class Parent extends Component { render() { return ( <Child> <button onClick={Child.getAlert()}>Click</button> </Child> ); } } class Child extends Component …
13
Modifica corretta delle matrici di stato in ReactJS
Voglio aggiungere un elemento alla fine di un statearray, è questo il modo corretto di farlo? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Temo che la modifica dell'array sul posto pushpossa causare problemi - è sicuro? L'alternativa di fare una copia dell'array e setStateing sembra inutile.
27
React - Come ottenere il valore del parametro dalla stringa di query
Come posso definire una route nel mio file trails.jsx per acquisire il __firebase_request_keyvalore del parametro da un URL generato dal processo di accesso singolo di Twitter dopo il reindirizzamento dai loro server? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Ho provato con la seguente configurazione di route, ma :redirectParamnon sta rilevando il parametro menzionato: <Router> <Route …
30
Rileva clic all'esterno del componente Reagisci
Sto cercando un modo per rilevare se un evento clic si è verificato al di fuori di un componente, come descritto in questo articolo . jQuery latest () viene utilizzato per vedere se la destinazione di un evento click ha l'elemento dom come uno dei suoi genitori. Se esiste una …
411 javascript  dom  reactjs 
10
Reagisci JSX: selezionando “selezionato” sull'opzione <seleziona> selezionata
In un componente React per un &lt;select&gt;menu, devo impostare l' selectedattributo sull'opzione che riflette lo stato dell'applicazione. In render(), optionStateviene passato dal proprietario dello stato al componente SortMenu. I valori delle opzioni vengono passati come propsda JSON. render: function() { var options = [], optionState = this.props.optionState; this.props.options.forEach(function(option) { var …
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.