Programmazione redux

6

Ri-renderizza il componente React quando cambia l'elica

Sto cercando di separare un componente di presentazione da un componente contenitore. Ho un SitesTablee un SitesTableContainer. Il contenitore è responsabile dell'attivazione delle azioni di redux per recuperare i siti appropriati in base all'utente corrente. Il problema è che l'utente corrente viene recuperato in modo asincrono, dopo che il componente …

95 reactjs redux react-redux

3

Stato come array di oggetti vs oggetto con chiave da id

Nel capitolo sulla progettazione della forma dello stato , i documenti suggeriscono di mantenere il proprio stato in un oggetto con chiave ID: Mantieni ogni entità in un oggetto archiviata con un ID come chiave e usa gli ID per fare riferimento ad essa da altre entità o elenchi. Continuano …

94 javascript redux spread-syntax

4

Come fa un componente connesso a redux a sapere quando eseguire nuovamente il rendering?

Probabilmente mi sto perdendo qualcosa di molto ovvio e vorrei chiarirmi. Ecco la mia comprensione. In una componente di reazione ingenua, abbiamo states& props. L'aggiornamento statecon setStateesegue il rendering dell'intero componente. propssono per lo più di sola lettura e aggiornarli non ha senso. In un componente di reazione che si …

94 reactjs redux react-redux

9

TypeError [ERR_INVALID_ARG_TYPE]: l'argomento "percorso" deve essere di tipo stringa. Tipo ricevuto non definito generato quando si avvia l'app di reazione

Sto lavorando a un progetto in React e ho riscontrato un problema che mi ha lasciato perplesso. Ogni volta che corro yarn startottengo questo errore: TypeError [ERR_INVALID_ARG_TYPE]: l'argomento "percorso" deve essere di tipo stringa. Tipo ricevuto non definito Non ho idea del perché stia succedendo, se qualcuno lo avesse sperimentato …

93 javascript reactjs redux visual-studio-code yarnpkg

2

Qual è l'effettiva differenza tra redux e una macchina a stati (ad esempio xstate)?

Sto lavorando allo studio di un'applicazione front-end di media complessità. In questo momento è scritto in puro javascript, ha molti messaggi diversi basati su eventi che collegano poche parti principali di questa applicazione. Abbiamo deciso di implementare una sorta di contenitore di stato per questa applicazione nell'ambito di un ulteriore …

93 javascript redux state-machine xstate

3

Qual è la differenza tra redux-thunk e redux-promise?

Per quanto ne so e mi correggo se sbaglio, redux-thunk è un middleware che ci aiuta a inviare funzioni asincrone e valori di debug nell'azione stessa mentre quando ho usato redux-promise non potevo creare funzioni asincrone senza implementare le mie meccanismo come Action genera un'eccezione per l'invio di soli oggetti …

92 reactjs redux redux-thunk redux-promise

1

Posso mapDispatchToProps senza mapStateToProps in Redux?

Sto rompendo l'esempio di Redux todo per cercare di capirlo. Ho letto che mapDispatchToPropsti consente di mappare le azioni di invio come oggetti di scena, quindi ho pensato di riscrivere addTodo.jsper utilizzare mapDispatchToProps invece di chiamare dispatch (addTodo ()). L'ho chiamato addingTodo(). Qualcosa come questo: import React from 'react'; import …

92 javascript reactjs redux react-redux

9

Quando verrebbe usato bindActionCreators in react / redux?

La documentazione di Redux per bindActionCreators afferma che: L'unico caso d'uso bindActionCreatorsè quando si desidera trasferire alcuni creatori di azioni a un componente che non è a conoscenza di Redux e non si desidera passare la spedizione o l'archivio Redux ad esso. Quale potrebbe essere un esempio in cui bindActionCreatorssarebbe …

91 reactjs redux react-redux

3

Reagire con Redux? E la questione del "contesto"?

Normalmente pubblico materiale relativo al codice su Stack, ma questa è più una domanda su quali sono i pensieri generali della comunità. Sembra che ci siano molte persone che sostengono l'uso di Redux con React per gestire dati / stato, ma durante la lettura e l'apprendimento di entrambi mi sono …

91 javascript reactjs redux

1

Await è un errore di parola riservata all'interno della funzione asincrona

Sto lottando per capire il problema con la seguente sintassi: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } …

91 javascript reactjs async-await redux

9

Durante il debug, posso accedere all'archivio Redux dalla console del browser?

Ho unit test per il mio file reducers. Tuttavia, quando eseguo il debug nel browser, voglio controllare se le mie azioni sono state chiamate correttamente e se lo stato è stato modificato di conseguenza. Sto cercando qualcosa come: window._redux.store ... nel browser in modo da poterlo digitare sulla console e …

91 javascript reactjs redux

4

React-Redux: tutti gli stati dei componenti devono essere mantenuti in Redux Store

Diciamo che ho un semplice interruttore: Quando faccio clic sul pulsante, il componente Colore cambia tra rosso e blu Potrei ottenere questo risultato facendo qualcosa di simile. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } riduttore.js switch(){ case 'CHANGE_COLOR': return …

89 javascript reactjs redux

8

Come accedere allo stato all'interno del riduttore Redux?

Ho un riduttore e per calcolare il nuovo stato ho bisogno dei dati dell'azione e anche dei dati di una parte dello stato non gestita da questo riduttore. Nello specifico, nel riduttore che mostrerò di seguito, ho bisogno dell'accesso al accountDetails.stateOfResidenceIdcampo. initialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: …

88 javascript reactjs redux

10

React / Redux: invia l'azione al caricamento / inizializzazione dell'app

Ho l'autenticazione del token da un server, quindi quando la mia app Redux viene caricata inizialmente, devo fare una richiesta a questo server per verificare se l'utente è autenticato o meno, e se sì dovrei ottenere il token. Ho scoperto che l'utilizzo delle azioni INIT di Redux core non è …

88 reactjs redux

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

Domande taggate «redux»