Articles of redux

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, […]

Come passare alla cronologia in React Router v4?

Nella versione corrente di React Router (v3) posso accettare una risposta del server e utilizzare browserHistory.push per andare alla pagina di risposta appropriata. Tuttavia, questo non è disponibile in v4 e non sono sicuro di quale sia il modo appropriato per gestirlo. In questo esempio, utilizzando Redux, components / app-product-form.js chiama this.props.addProduct(props) quando un utente […]

Come posso visualizzare una finestra di dialogo modale in Redux che esegue azioni asincrone?

Sto creando un’app che deve mostrare una finestra di conferma in alcune situazioni. Diciamo che voglio rimuovere qualcosa, quindi deleteSomething(id) un’azione come deleteSomething(id) modo che qualche riduttore catturerà quell’evento e riempirà il riduttore di dialogo per mostrarlo. Il mio dubbio arriva quando questa finestra di dialogo viene inviata. Come può questo componente inviare l’azione corretta […]