Passar as infos dos inputs para outros componentes | React parte 1: componentes reutilizáveis para sua webapp

2
respostas

Referente ao curso React parte 1: componentes reutilizáveis para sua webapp

por Felipe Vieira

| 640.1k xp | 28 posts

Webdesigner

Perfeita explicação de fazer um post para atualizar a listagem dos cadastros. Mas estou com dificuldade pra elucidar a logica de passar as infos entre os componentes. Ex: Um carrinho de compras onde vc seleciona os produtos em um select, e os opcionais, ele calcula o valor e vc adiciona td isso no carrinho ( ainda nao fez nenhum post ) ai depois de conferir o pedido ai sim vc faz o post para api.

Estou com dificuldade em entender essa forma de passar as infos entre os componentes, pois a api que estou consumindo tem bastante filhos e preciso parsear mto as infos e acabo me perdendo um pk.

2 respostas

por Felipe Vieira

| 640.1k xp | 28 posts

Webdesigner

27/12/2016

https://github.com/felvieira/lanches-react

por Alberto Souza

| 2676.6k xp | 5740 posts

Instrutor Desenvolvedor e Instrutor

28/12/2016

Oi Felipe, ótima pergunta! Inclusive é um assunto abordado no segundo curso, que vamos disponibilizar aqui. De todo jeito, a minha sugestão é a seguinte:

crie uma classe que representa seu carrinho de compras
Você precisa um objeto dessa classe para o componente que é a raiz das suas ações
Qualquer outro componente que precisar, vc repassa esse argumento.
Agora, todo mundo pode chamar os métodos do carrinho :).

No segundo curso inclusive vamos resolver isso de algumas formas, para tratar de diversos assuntos... Se quiser, para adiantar, já da uma buscada por container components e presentational components.