Programmazione reactjs

4

Qual è il corretto proptype per un ref in React?

Sto memorizzando un ref nel mio redux store e utilizzo mapStateToProps per esporre il ref per i componenti che devono accedervi. Il riferimento memorizzato ha il seguente aspetto: ref={node => this.myRefToBePutInReduxGlobalStore = node} Qual è il propType corretto per questo riferimento?

87 reactjs

4

Come posso rispondere alla larghezza di un elemento DOM ridimensionato automaticamente in React?

Ho una pagina web complessa che utilizza componenti React e sto cercando di convertire la pagina da un layout statico a un layout più reattivo e ridimensionabile. Tuttavia, continuo a incontrare limitazioni con React e mi chiedo se esista uno schema standard per gestire questi problemi. Nel mio caso specifico, …

86 javascript reactjs responsive

13

Come impostare un valore predefinito in react-select

Ho un problema con l'utilizzo di react-select. Io uso redux form e ho reso il mio componente reatt-select compatibile con redux form. Ecco il codice: const MySelect = props => ( <Select {...props} value={props.input.value} onChange={value => props.input.onChange(value)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} placeholder={props.placeholder} selectedValue={props.selectedValue} /> ); e qui come lo rendo: …

86 reactjs default-value react-select

6

Come attivare la richiamata dopo l'aggiornamento dello stato in Redux?

In React, lo stato non viene aggiornato istantaneamente, quindi possiamo usare la richiamata in setState(state, callback) . Ma come farlo in Redux? Dopo aver chiamato il this.props.dispatch(updateState(key, value)) , devo fare qualcosa con lo stato aggiornato immediatamente. C'è un modo in cui posso chiamare una richiamata con lo stato più …

86 javascript reactjs redux

9

Grandi prestazioni da elenco con React

Sto implementando un elenco filtrabile con React. La struttura dell'elenco è come mostrato nell'immagine sottostante. PREMESSA Ecco una descrizione di come dovrebbe funzionare: Lo stato risiede nella componente di livello più alto, la Searchcomponente. Lo stato è descritto come segue: { visibile: booleano, file: array, filtrato: array, stringa della domanda, …

86 javascript list reactjs

1

Redux non è solo uno stato globale glorificato?

Quindi ho iniziato a imparare React una settimana fa e sono inevitabilmente arrivato al problema dello stato e di come i componenti dovrebbero comunicare con il resto dell'app. Ho cercato in giro e Redux sembra essere il sapore del mese. Ho letto tutta la documentazione e penso che in realtà …

86 javascript reactjs state immutability redux

4

Leggi lo stato iniziale del negozio in Redux Reducer

Lo stato iniziale in un'app Redux può essere impostato in due modi: passalo come secondo argomento a createStore( link docs ) passalo come primo argomento ai tuoi (sotto) riduttori ( link alla documentazione ) Se passi lo stato iniziale al tuo negozio, come puoi leggere quello stato dal negozio e …

85 javascript reactjs redux

7

Reazioni.js eventi personalizzati per la comunicazione con i nodi principali

Sto creando e ascoltando normali DOM CustomEventper comunicare con i nodi principali: Nel bambino: var moveEvent = new CustomEvent('the-graph-group-move', { detail: { nodes: this.props.nodes, x: deltaX, y: deltaY }, bubbles: true }); this.getDOMNode().dispatchEvent(moveEvent); In genitore: componentDidMount: function () { this.getDOMNode().addEventListener("the-graph-group-move", this.moveGroup); }, Funziona, ma esiste un modo specifico per React …

85 reactjs

5

ERRORE in Impossibile trovare il modulo "babel-core". utilizzando react.js, webpack ed express server

Ogni volta che corro webpacknel terminale ottengo: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Ecco il mio file webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] …

84 javascript express reactjs webpack babeljs

15

Impossibile trovare il plug-in "proposta-separatore-numerico"

Come risolvere Could not find plugin "proposal-numeric-separator", ottengo questo errore quando provo a compilare la mia applicazione React, non ho ancora espulso l'applicazione: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at Array.map (<anonymous>) at Generator.next (<anonymous>) …

61 reactjs build yarnpkg

7

React-Native un altro contenitore supportato da VirtualizedList

Dopo aver effettuato l'aggiornamento a 0.61 nativo per reazione, ricevo molti avvisi del genere: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. Qual è l'altro VirtualizedList-backed containerche dovrei usare, e perché ora si consiglia di non usare così?

39 javascript reactjs react-native

4

Perché React Hook useState usa const e non let

Il modo standard di utilizzare un React use Hook di stato è il seguente: const [count, setCount] = useState(0); Tuttavia, questa const countvariabile verrà chiaramente riassegnata a un diverso valore di base. Perché allora la variabile non è definita come let count?

33 javascript reactjs ecmascript-6 react-hooks

4

Il settatore hook useState sovrascrive erroneamente lo stato

Ecco il problema: sto cercando di chiamare 2 funzioni con un clic sul pulsante. Entrambe le funzioni aggiornano lo stato (sto usando l'hook useState). La prima funzione aggiorna il valore 1 correttamente a "nuovo 1", ma dopo 1s (setTimeout) viene attivata la seconda funzione e cambia il valore 2 in …

31 javascript reactjs react-hooks

7

Impossibile convertire l'oggetto in un errore di valore primitivo nell'applicazione di reazione?

Sto sviluppando una semplice applicazione di avvio con reazione a molla, ma a causa di un problema di GitHub ricrea i file di avvio dell'applicazione tramite IntelliJ e ho installato i moduli del nodo utilizzando i dati di dipendenza del file package.json dell'applicazione precedente. Se uso una barra di navigazione …

27 javascript jquery reactjs bootstrap-4

3

Ascoltatore Firebase con React Hooks

Sto cercando di capire come utilizzare un listener Firebase in modo che i dati del cloud store vengano aggiornati con gli aggiornamenti degli hook di reazione. Inizialmente, l'ho realizzato utilizzando un componente di classe con una funzione componentDidMount per ottenere i dati del deposito. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() …

27 javascript reactjs firebase google-cloud-firestore react-hooks

Domande taggate «reactjs»