rebanada de usuario
import { createSlice, createAsyncThunk } from "@reduxjs/toolkit"; import LoginService from "../../Services/Login.service"; export const userRegister = createAsyncThunk( "users/register", async (params) => { try { const { registerForm } = params; const { data } = await LoginService.register(registerForm); return data; } catch (error) { } } ); const initialState = { userData: {}, errorResponse: null, status: "idle", }; export const userSlice = createSlice({ name: "User", initialState, reducers: {}, extraReducers: { [userRegister.pending]: (state, action) => { state.status = "loading"; }, [userRegister.fulfilled]: (state, action) => { state.status = "succeeded"; state.userData = action.payload; }, [userRegister.error]: (state, action) => { state.status = "failed"; state.errorResponse = action.payload; }, }, }); export default userSlice.reducer;Inicio de sesión.servicio.js
import axios from "axios"; const API = axios.create({ baseURL: 'http://localhost:3001'}); const LoginService = { register: async (registerData ) => { await API.post('/users/register', registerData) } }; export default LoginService; Hola. Intento agregar la función de registro a mi aplicación. Pero cuando envío el formulario de registro, los datos se guardan en la base de datos sin ningún problema. Pero esta línea const data = await LoginService.register(registerForm); no funciona, los datos no están definidos, pero cuando publico la misma solicitud en el cartero, obtengo los datos de respuesta de la manera que quiero.
LoginService.register no devuelve nada, puede solucionarlo haciendo lo siguiente:
const LoginService = { register: async (registerData ) => { const response = await API.post('/users/register', registerData); return response.data; } };