Estoy intentando filtrar los datos que traigo desde una API que guardo en una variable de estado llamada user, pero cuando intento usar la propiedad filter de la siguiente manera
let suscriptores=user.filter(Subscribed=>Subscribed==="yes")
console.log(suscriptores)
Me sale el siguiente error:
TypeError: Cannot read property 'filter' of undefined
¿Cual podria ser el problema al querer filtrar los datos?
Llamado de los datos:
const url='/api/users';
const[user, setuser]= useState();
useEffect(()=>{
const getUsers=async()=>{
const response =await axios.get(url);
setuser(response.data.data.datos);
}
getUsers();
},[]);
json
"data":{
"datos": [
{
"id":1,
"Name":"Alissa",
"Age": 45,
"Adress": "Brooklyn 405",
"Phone": "212-324-4153",
"Subscribed":"yes"
},
{
"id":2,
"Name":"Ellis",
"Age": 23,
"Adress": "Boston 955",
"Phone": "212-324-4152",
"Subscribed":"yes"
},
{
"id":3,
"Name":"Martha",
"Age": 21,
"Adress": "Boston 955",
"Phone": "212-324-4152",
"Subscribed":"no"
}
]
}
user
está undefined. Yo imprimiríaresponse.data.data.datos
para ver qué valor tiene porque tiene pinta de que esa última propiedad.datos
no existe enresponse.data.data
. Otro posible problema es que estás inicializandouser
sin valor inicial (undefined) ->const[user, setuser]= useState();
. Si inicializas la variable con array vacío conconst[user, setuser]= useState([]);
estarás metiendo un santity check para evitarte este tipo de problemasfilter
? En otro componente? Donde está ubicada la variablesuscriptores
?