Tengo que representar un gráfico lineal js con datos de pedido para cada mes del objeto json devuelto por la API.

Ejemplo de objeto JSON

 [ { yearCount:2021, ordersCount:23, monthCount:10, dayCount:20 }, { yearCount:2021, ordersCount:21, monthCount:10, dayCount:22 }, { yearCount:2021, ordersCount:21, monthCount:12, dayCount:26 } ]

Después de obtener los datos de la API, los recorreré y obtendré el recuento de pedidos totales para ese mes de esta manera desde el componente del tablero.

 const [data , setData] = useState([]); for (let i = 0; i < 12; i++) { var count = 0; for (let j = 0; j < orderData.length; j++) { if (orderData[j].MonthNumber == i + 1) { count = count + orderData[j].TotalOrderCompleted; } } setData(...data , count); }

De modo que obtendré el recuento total para cada mes que tenga pedidos y para otros meses 0. Después de eso, desde el componente principal del Tablero, pasaré estos datos como accesorios al componente Mi gráfico de líneas donde cambio el conjunto de datos a los accesorios. Datos recividos. Sin embargo, los datos pasados desde el componente del tablero no se actualizan. Intenté consolar. registrar la matriz de datos que funciona bien.