[Dúvida] Dúvida em relação ao primeiro click no botao favorito

Bora amplicar o nosso escopo, Matheus, pra gente analisar essa função?

Vem comigo aqui:

    const aoAlternarFavorito = (foto) => {
        setFotosDaGaleria (fotosGaleria.map(fotoDaGaleria => {
            return{
            ...fotoDaGaleria,
            favorita: fotoDaGaleria.id === foto.id ? !foto.favorita : fotoDaGaleria.favorita
            }
        }))

Nós recebemos uma foto por parâmetro, certo? Ou seja, queremos alternar o favoritismo dela. Se for true vira false. Então, quando fazemos um fotosGaleria.map, a gente percorre toda nossa galera. Aí fazemos o mapeamento:

Se a foto da galeria foi a foto clicada, nós invertemos o valor: !foto.favorita. Isso quer dizer que, se for true, vira false. Se for false ou undefined, vira true.

No nosso else, não importa se favorita é false, true ou undefined. O valor que existir, vamos manter.

Quando validamos essa propriedade para escolher o ícone não faz diferença se temos false ou undefined, nos dois casos a foto não é favorita :)

Ah! entendi, na primeira parte caso seje undefined ou false ele troca para true e quando for true para false. Já na segunda parte, independente do valor, undefined, false ou true, ele simplesmente manterá o valor.

Muito obrigado, Vinicios, esclareceu minha dúvida :D