Ahora para eso, instalaré un paquete adicional en este proyecto con npm install --save y
ese es Redux Thunk.
Ese es un llamado middleware de Redux al que podemos llamar, que nos permite cambiar nuestros creadores de acciones
aquí en la carpeta de acciones de modo que podamos hacer cosas asincrónicas allí, que podamos manejar los efectos
secundarios allí para que podamos, por ejemplo, enviar HTTP solicitudes en un creador de acciones de este tipo y solo una vez
que se realizan las solicitudes
HTTP, en realidad estamos enviando una acción a la tienda Redux porque eso es
importante, su flujo de Redux en general debe ser sincrónico. Por lo tanto, no puede esperar a que
se complete alguna acción antes de actualizar su estado. Con Redux Thunk, eso cambia, su reductor aún debe ser sincrónico,
por lo que no debe haber ningún código asincrónico aquí, pero su creador de acciones ahora puede ser asíncrono, esto significa
que ahora puede enviar una solicitud como parte de su creador de acciones y solo una vez Una
vez que hayas terminado con eso, en realidad envías la acción al reductor y lo verás en la práctica en un
segundo, por ejemplo, aquí en crear producto, que es con lo que quiero comenzar.
Sin embargo, para usar esta nueva función, debemos habilitar Redux Thunk y lo hacemos en la aplicación. js, allí desde Redux, debe importar aplicar
middleware
y, además, debe importar algo nuevo y eso es Redux Thunk, puede nombrarlo como
quiera, desde Redux Thunk. Una vez más, esto se puede
nombrar como desee porque estamos utilizando la exportación predeterminada de ese paquete.
Ahora lo usa en create store, allí puede analizar un segundo argumento y
allí, debe llamar a aplicar middleware como función y, a esa función, pasar Redux Thunk.
Esto ahora básicamente habilitará ese paquete que a su vez nos permite hacer esta cosa diferente en el creador
de acción al que me refería y esa cosa diferente es ahora lo que veremos a continuación.