Tengo una variedad de objetos que es básicamente así.

 const characters = [ { id: 1 name: batman biography: { born-in: gotham good-or-bad: good } stats: { strength: 85 speed: 90 intelligence: 95 } } { id: 2 name: superman biography: { born-in: krypton good-or-bad: good } stats: { strength: 90 speed: 85 intelligence: 80 } } { id: 3 name: joker biography: { born-in: gotham good-or-bad: bad } stats: { strength: 70 speed: 95 intelligence: 100 } } ]

Luego, después de mapear y mostrar los objetos en mi página, agrego un botón que le permite al usuario marcar el personaje como favorito. El usuario solo puede agregar hasta 6 favoritos.

 const [favorites, setFavorites = useState([]); const addFavorite = () => { favorites.length === 6 ? console.log("favorites' list is full!") : setFavorites(favorites.concat(character)) } {characters.map((character)=>{ const {props} = character; return ( <div>{props}</div> <button onClick={addFavorite}>add to favorites</button> ); })}

Ahora, lo que quiero hacer (y no sé cómo, después de muchos intentos)

1. evitando que el usuario agregue el mismo personaje dos veces a favoritos . (Lo intenté con favorites.contains(character)? or favorites.contains({character})? pero no funcionó).
2. si el personaje ya es un favorito, haga que el botón cambie a un botón que elimine el favorito (cambiando tanto la función como el texto del botón). (No tengo idea de cómo hacer esto).
3. Haga una puntuación promedio de cada estadística de todos los favoritos. (Por ejemplo, con sus favoritos elegidos, su velocidad promedio es xxx y su fuerza promedio es xxx).
4. Por último, pero no menos importante, la lista de favoritos debe tener hasta 3 personajes buenos y 3 malos. Entonces, si los personajes buenos o malos en la lista de favoritos ya son 3, el usuario no puede elegir otro personaje bueno o malo como favorito. Tampoco sé cómo proceder con este.

Estoy trabajando en un proyecto escolar y encontré mi camino a través de la mayor parte, pero me doy cuenta de que todavía tengo cosas que aprender, sobre todo acerca de los accesorios de objetos y cómo acceder a ellos. Gracias. Si algo no está claro, por favor dígalo y agregaré los datos requeridos.