Tengo este problema en el que necesito obtener datos de la API y calcular el aumento porcentual dentro de una cierta cantidad de días. Aquí está el código de abajo...
function Card() { const [newEnrollments, setNewEnrollments] = useState(""); const getNewEnrollments = async () => { // API call }; useEffect(() => { getNewEnrollments(); }, []); // data returned from API // { "new_enrollments": 12248 } return ( <Wrapper> <div className="card1"> <div className="user"> <HowToRegRoundedIcon className="icon" /> </div> <div className="card-info"> <h3>NEW ENROLLMENTS</h3> <h4>450</h4> <p> <BorderLinearProgress variant="determinate" value={90} /> <span> 90% Increase in 90 Days</span> </p> </div> </div> </div> </Wrapper> ); }Quiero poder cambiar los valores codificados en h4 (como el valor de API), la barra de progreso y el valor de intervalo dentro de los 90 días. de modo que a medida que se actualizan más datos, los valores cambian dinámicamente y también aumenta el porcentaje.
Si estoy entendiendo tu pregunta correctamente, entonces
<h4>{data_returned_from_api["new_enrollments"]}</h4>y
<span> {(data_returned_from_api["new_enrollments"] / old_data["new_enrollments"]) * 100}% Increase in 90 Days</span>debería hacer el truco. Probablemente también debería agregar algunas declaraciones de prueba y captura para que no se bloquee si faltan los datos.
Editar: Obviamente, debe poder obtener tanto el valor nuevo como el valor anterior para poder usarlos. Si no tiene ambos valores, entonces es imposible.