M3#A33 - Redux about curso-reactjs-ninja

[fdaciuk]

Oi @SallesCosta! O problema está relacionado com o componente que você está importando. Veja: o componente que está "conectado" no redux está sendo exportado com export default, e o componente "padrão" App, que espera as props, está sendo exportado de forma nomeada (export function App), e você está importando o componente nomeado ao invés do default.

A diferença é sutil: usando as chaves, você está fazendo um import nomeado. Sem as chaves, você dá o nome que quiser, pois aí sim você estará importando que foi exportado de forma default ;)

Você só vai precisar desse componente exportado de forma nomeada se precisar escrever testes unitários, por exemplo, pois aí você consegue injetar suas próprias props para testar o comportamento do componente.

No seu app, você vai sempre usar o componente que foi exportado com o connect, pois é ele que vai fazer o trabalho de injetar as props no componente App automaticamente, à partir do que você passar em mapStateToProps e mapDispatchToProps =)

Sacou a ideia? =)

[SallesCosta]

Bom dia @fdaciuk. Deu certinho. Eu nao tinha entendido que o connect iria fornecer/injetar o matStateToProps e o mapDispatchToProps (o conteúdo destes dois).
Pois bem a importação do App ficou da forma mais simples possível import App from './app e voilà !!! a vida voltou a fazer sentido! 🤣
Muito obrigado por esse olhar cirúrgico!

[fdaciuk]

Boa! Qualquer coisa avisa ae :D