Las acciones son las funciones simples que se utilizan para iniciar una llamada HTTP utilizando cualquier plataforma HTTP, como fetch o Axios, y dar lugar a una respuesta del servidor.
Cada acción creada en la aplicación tiene la intención de obtener información diversa del servidor utilizando la API, que se crea utilizando tecnologías de back-end como Nodejs, Python, Java, springboot y así sucesivamente.
A continuación se muestra la función de acción de ejemplo utilizada para obtener la lista de blogs mediante la API.
1234567891011121314151617181920212223import{FETCH_BLOGS,FETCH_BLOG_DETAILS,CHANGE_PAGINATE}de$0027.. /actiontypes$0027import axios from$0027axios$0027;// Base URL para la JSON API constROOT_URL=$0027http://localhost:3000/blogs$0027;// Para obtener el blog listexportfunctionfetchBlogs(paginate, category, sortby){let request, url; url =`${ROOT_URL}? _page=${paginate.page}&_limit=${paginate.pageSize}`if((typeof category !=="undefined")){ url +=`&category=${category}`}if((typeof sortby ! =="indefinido")){ url +=`&_sort=${sortby}`} request = axios.get(url);return{ type:FETCH_BLOGS, payload: request };};javascript
Aquí en este archivo, hemos importado los tipos de acción que hemos creado anteriormente. También contiene la llamada HTTP usando el paquete Axios para obtener la lista de blogs.
Al final de esta función, devolveremos el tipo de función junto con la carga útil utilizada para manipular los datos mediante el reductor. Las secciones de retorno se ven así.
1234return{ type:FETCH_BLOGS, payload: request };javascript
FETCH_BLOGS es un tipo de acción que hemos definido en el archivo separado, y la carga útil se pide datos utilizados por el reductor.