Estoy tratando de almacenar mis datos de respuesta en la variable activityType , dentro de useEffect estoy haciendo un bucle en una API basada en el valor de las pestañas, la API devolverá el valor true o false , y puedo obtener los valores en mi consola pero cuando Intento almacenar los datos que obtengo de una matriz vacía.
const tabs = [ // {value: 'All', label: `${i18n.t('AllActivity')}`}, {value: 'ActSendGift', label: `${i18n.t('Gifts')}`}, {value: 'ActSubscribe', label: `${i18n.t('Subscribers')}`}, {value: 'ActFollow', label: `${i18n.t('Followers')}`}, ]; const activityType: any = []; useEffect(() => { async function fetchData() { return tabs.map(async (item: any) => { return await Api.user .getSettingValues(item.value) .then((response: any) => { // console.log(response.settingValue); // true // console.log(item.value); "ActSendGift" return activityType.push(response.settingValue); }); }); } fetchData(); }, [activityFeedData.activityList, activityType]);Intente poner esta matriz en un estado y asegúrese de que las variables que están en la matriz de dependencia usefct se actualicen para que se ejecute este bloque.
const tabs = [ {value: 'ActSendGift', label: `${i18n.t('Gifts')}`}, {value: 'ActSubscribe', label: `${i18n.t('Subscribers')}`}, {value: 'ActFollow', label: `${i18n.t('Followers')}`}, ]; const [activeType, setActiveType] = useState([]) useEffect(() => { async function fetchData() { return tabs.map(async (item: any) => { return await Api.user .getSettingValues(item.value) .then((response: any) => setActiveType(response.settingValue)); }); } fetchData(); }, [activityFeedData.activityList]);puede usar el gancho 'useState' en lugar de declarar una variable en reaccionar.
primero necesitas importar el gancho
import {useState, useEffect} from 'react'y dentro de su componente funcional puede actualizar el estado después de obtener los datos.
const [activityType, setActivityType] = useState<any>([]) useEffect(() => { async function fetchData() { return tabs.map(async (item: any) => { return await Api.user .getSettingValues(item.value) .then((response: any) => { // console.log(response.settingValue); // true // console.log(item.value); "ActSendGift" return setActivityType(response.settingValue); }); }); fetchData(); }, [activityFeedData.activityList, activityType]);El enlace useState devuelve dos valores, uno es la variable de estado y el segundo es la función de actualización de estado. El componente se volverá a renderizar automáticamente a medida que cambie el estado.