Tengo una función de mapa que asigna un objeto de matriz de usuarios con atributos de fullname y points . ¿Hay alguna manera de que pueda agregar los puntos de cada usuario mientras mapea y almacenarlos en una variable? Intenté varias formas con useState (en reacción), pero seguía recibiendo un error de renderizado.
{users.map((user, index) => { return ( <tr key={index}> <td>{user.fullname}</td> <td>{user.points}</td> </tr> ); })}Cualquier ayuda sería apreciada..
Yo lo haría en dos pasos separados. Recoge los puntos
const totalPoints = users. map(user => user.points). reduce((a,b)=> a + b, 0)luego aprovéchelo en su código.
{ totalPoints }En la interfaz de usuario/navegador, no es probable que tenga demasiados datos para poder realizar esto con múltiples bucles, y en mi opinión, mantiene el código más limpio.
Debe establecer puntos para cada usuario que use foreach en otro método.
const Method=()=>{ const list= users.forEach(function(user){ user.point= 10; }); setUsers(list); }