Estoy tratando de filtrar a través de una matriz para extraer todos los objetos que coincidan con un mes específico. Pasé el mes desde el componente principal, y cuando consola. log (mes) devuelve con éxito 4 en este caso.
Aquí está el comienzo de mi componente:
const MonthlyIncome = ({incomeData, month}) => { useEffect(()=>{ console.log(month) //returns 4 console.log('income data', incomeData) if (month) { const incomes = incomeData?.filter(i=>{ if(new Date(i?.date).getMonth() === month) { return i }}) console.log('incomes', incomes) } }, [])El console.log('ingresos', ingresos) devuelve una matriz vacía.
Sin embargo, puedo hacer que console.log con éxito la matriz filtrada si ingreso un 4 directamente en useEffect en lugar de usar el mes, así:
const MonthlyIncome = ({incomeData, month}) => { useEffect(()=>{ console.log(month) //returns 4 console.log('income data', incomeData) if (month) { const incomes = incomeData?.filter(i=>{ if(new Date(i?.date).getMonth() === 4) { return i }}) console.log('incomes', incomes) } }, [])¿Alguien sabe cómo puedo pasar correctamente el mes del componente principal al método filter()?
Encontré una solución, supongo que el problema real era que el número que provenía del padre era una cadena y necesitaba que fuera un número real. Así que usé parseInt() para convertirlo de una cadena a un número como este:
const MonthlyIncome = ({incomeData, month}) => { useEffect(()=>{ console.log(month) //returns 4 console.log('income data', incomeData) const m = parseInt(month, 10) const incomes = incomeData?.filter(i=>{ if(new Date(i?.date).getMonth() === m) { return i }}) console.log('incomes', incomes) }, [])