Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Projeto finalizado, mas com dúvidas

Olá, pessoal. Tudo bom?

Curso finalizado \o/

Consegui: Adicionar um contador no ícone do carrinho; Um botão de remover nos itens na página carrinho; Deixei o formato dos valores em pt-BR; Ajustei a responsividade mobile que quebrava abaixo dos 480px;

Ainda com dúvidas entre o uso de um reducer e o uso do useSelector (mas aí é minha responsabilidade em ler a documentação e rever o curso)

Uma outra dúvida: eu escolho os itens para colocar no carrinho, ok, não seria na página carrinho a renderização desses itens e não no componente item?

Carrinho/index.js:

                    //toda parte que está passando para o componente item não poderia ser feita aqui mesmo?
{carrinho.map(item => <Item key={item.id} {...item} carrinho={true} />)}

e a prop carrinho={true} não consegui entender o que ela faz, é do carrinho que está recebendo o useSelector?

Repositório: https://github.com/Cruz-Andre/trato-techRedux

Deploy: https://trato-tech-redux.vercel.app/

Obrigado Abraços Logo mais, tem mais.

2 respostas

Sim a renderização é ná página de carrinho, dentro dela são renderizados vários itens... Para cada um dos argumentos do array carrinho ele renderiza um item dentro da página de carrinho!

solução!

Obrigado pela resposta João. \o/

Eu assisti novamente os vídeos, eu entendi que ele usou o componente item para renderizar os itens escolhidos na página carrinho, até aí tudo bem.

Lá no componente item é que eu tinha ficado com dúvida no operador condicional ternário (aquele que começa com carrinho={true}), mas depois eu entendi que é pra mostrar os ícones de quantidade se o item foi colocado no carrinho.

Antes disso eu achava que ele estava usando a condição em todo o componente item e não só nos ícones.