1
resposta

[Dúvida] Dúvidas com a função setCarrinho

Achei essa linha de código bastante abstrata e não consegui entender muito bem o que ela faz. De onde surgiu o parametro carrinhoAnterior? Como o react sabe que se trata do DOM antes de ser manipulado? Por que ele recebe spread? Alguém poderia me explicar como se estivesse explicando para um neandertal de 6 anos?

setCarrinho(carrinhoAnterior => [...carrinhoAnterior, novoProduto])
1 resposta

Olá, Lucas.

Tudo bem?

Essa linha de código no React usa uma função chamada setCarrinho para adicionar um novo produto em um carrinho de compras.

Essa função setCarrinho recebe uma função anônima como parâmetro que, por sua vez, recebe o parâmetro carrinhoAnterior que é um parâmetro temporário dessa função, poderia ser qualquer nome. Dentro dessa função anônima, há uma expressão em que o operador de propagação ... é usado para criar uma nova matriz contendo todos os elementos da matriz carrinhoAnterior e o novo elemento novoProduto.

Ou seja, a função setCarrinho está definida em algum outro lugar do código e é usada para atualizar o estado do carrinho de compras. Ao executar setCarrinho com a função anônima que adiciona um novo produto ao carrinho anterior, o estado do carrinho é atualizado para incluir o novo produto adicionado.

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu :)

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software