Tag: REDUX-TOOLKIT
No sé cómo acceder a las cabeceras después de la solicitud. Ejemplos de la documentación sin usar x-total-count const guitarApi = createApi({ reducerPath: ‘GUITARS’, baseQuery: fetchBaseQuery({ baseUrl: API_URL }), endpoints: (builder) => ({ getAllGuitars: builder.query({ query: (limit = 1) => `${APIRoute.Guitars}_limit${limit}`, }), }), }); Los obtengo dentro del componente así . . . Read more
Creé un punto de conexión de API con la función createApi. Necesito almacenar los datos de respuesta en localStorage durante algún tiempo y obtenerlos de LS en lugar de hacer solicitudes. Y cuando el temporizador se agota, actualizar los datos con useQuery. export const geoApi = createApi({ reducerPath: ‘geoApi’, baseQuery: . . . Read more
He intentado eliminar el producto del carrito. Aquí, el carrito es un array que contiene productos en el objeto. Cuando intento filtrar el carrito en el reductor, devuelve un proxy y no puedo hacer filtrado mientras que en Redux normal sí se puede hacer filtrado. Función reductora: const initialState = . . . Read more
Entiendo cómo usar createAsyncThunk y la herramienta Redux Toolkit Query para hacer consultas. Si Redux Toolkit Query resuelve los estados de pendiente, completado y rechazado, y también captura los datos, ¿cuál es el propósito de createAsyncThunk, que está destinado principalmente a almacenar datos en el almacenamiento?
const clientAddress = useSelector( (state) => state?.clientAddress?.getAddress ); useEffect(() => { dispatch(GET_CLIENTADDRESS({})) }, [dispatch]); “`const onSavedAddressSelect = (addressId) => { debugger if (addressId) { const { data: selectedAddress = [] } = clientAddress ?? {}; console.clear() console.log(selectedAddress) <pre><code> const addressObj = selectedAddress?.filter( (addressItem) => addressItem?.value === addressId )?.[0]; setAddress(addressObj); setSelectedVenue(addressObj?.value); . . . Read more