Articles of redux

Qual è il modo migliore per accedere al redux store al di fuori di un componente reattivo?

@connect funziona alla grande quando sto cercando di accedere al negozio all’interno di un componente di reazione. Ma come dovrei accedervi in ​​qualche altro pezzetto di codice. Ad esempio: diciamo che voglio usare un token di authorization per creare la mia istanza axios che può essere utilizzata globalmente nella mia app, quale sarebbe il modo […]

perché è necessario associare una funzione in un costruttore

Ho una domanda relavent a questo codice: https://github.com/reactjs/redux/blob/master/examples/async/containers/App.js in particolare: constructor(props) { super(props) this.handleChange = this.handleChange.bind(this) this.handleRefreshClick = this.handleRefreshClick.bind(this) } Immagino sia una domanda in 2 parti. Perché devo impostare la modifica this.handleChange = come un’istanza della class this.handleChange = , non posso semplicemente usare le funzioni statiche per handleChange e chiamarla direttamente con nella […]

Gestire la richiesta asincrona con React, Redux e Axios?

Sono nuovo di React JS e Redux ed è stato troppo travolgente per andare avanti. Sto cercando di fare una richiesta POST usando Axios, ma non sono in grado di farlo. Potrebbe essere mi manca qualcosa nel file contenitore. Di seguito è riportato il codice. Controlla plnkr Aggiornamento: Ricevo il messaggio @@ redux-form / SET_SUBMIT_SUCCEEDED […]

Imansible correggere correttamente l’errore in ajax da rxjs

Scrivo l’applicazione in React an Redux e ho un caso che devo inviare la richiesta ad alcune risorse quando è stata chiamata un’azione specifica e la risposta di tipo ‘text/html’ scrive in stato. Questa risorsa può restituire lo stato 200 o 404 e non posso scrivere il test corretto per il caso con la risposta […]

Come funziona connect without mapDispatchToProps

Stavo leggendo i documenti di esempio per la redux e ho trovato questo esempio di un componente contenitore. Qualcuno può spiegare perché in questo caso mapDispatchToProps non è necessario qui. Inoltre, come funziona la funzione di invio? import React from ‘react’ import { connect } from ‘react-redux’ import { addTodo } from ‘../actions’ let AddTodo […]

Che cosa è l’uso di Curly Braces nella dichiarazione di importazione ES6

Vedo che ci sono due modi diversi di importare import React from ‘react’ import { render } from ‘react-dom’ il secondo ha parentesi. Quindi qual è la differenza tra i due? e quando dovrei aggiungere parentesi? Grazie

Come caricare dynamicmente i riduttori per la suddivisione del codice in un’applicazione Redux?

Vado a migrare a Redux. La mia applicazione consiste di molte parti (pagine, componenti) quindi voglio creare molti riduttori. Gli esempi di Redux mostrano che dovrei usare combineReducers() per generare un riduttore. Inoltre, come ho capito, l’applicazione Redux dovrebbe avere un negozio e viene creata all’avvio dell’applicazione. Quando il negozio viene creato, dovrei passare il […]

Dove scrivere su localStorage in un’app Redux?

Voglio mantenere alcune parti del mio albero di stato sul localStorage. Qual è il posto giusto per farlo? Riduttore o azione?

Che cos’è mapDispatchToProps?

Stavo leggendo la documentazione per la libreria Redux e ha questo esempio, Oltre a leggere lo stato, i componenti del contenitore possono inviare azioni. In modo simile, è ansible definire una funzione denominata mapDispatchToProps() che riceve il metodo dispatch () e restituisce i puntelli di callback che si desidera iniettare nel componente di presentazione. Questo […]

Carica le immagini in base al percorso dinamico in ReactJs

Sto provando a visualizzare le immagini in un carrello della spesa che sto facendo ma non è visibile. Devo importare ogni immagine? So che i miei percorsi vanno bene perché ha funzionato prima. Penso che potrebbe esserci qualcosa di sbagliato nel mio file product.js ma non riesco a capirlo. Ecco il mio Product.js import React, […]