Resumo do Transcript

Eu sei que a gente está fazendo muita coisa aqui sem ter muitos resultados pra gente ver, mas eu peço que tenha paciência pra não entender o que está acontecendo muito agora, mas vamos prosseguir e continuar e você vai com tempo a entender depois o que está acontecendo, tá bom? A gente vai dar avisado depois de fazer tudo isso. Vamos se preocupar. Então, vamos continuar. A gente deu um fat, agora a gente já tem os dados disposts no application state, só falta conectar esse state pro componente aqui pra ter acesso aos dados. A maneira que eu vou fazer é usando o mapStateToProps. Estou na component list, tá bom? Vou pro mapStateToProps e vou retornar um objeto e vou chamar de post, tá bom? E pro mapStateToProps, o argumento é sempre state, o application state. Não é estado do componente, é o estado do aplicativo geral, tá bom? Do redux, redux store. Então, esse post vai ser o state, o cenote state aqui vai ser, você vai pro index do redux, vai ter essa chave chamada post dentro do state, porque eu combinei todos os reduxers. E o post vai ser, vai ter dentro do state, então, a gente, pra conseguir escar aqui, a gente vai aqui e falar state.post no list, volta pro list, vai state, ok, state.post, tá bom? State.post, tá bom? Mas tem um detalhe aqui, do maneira que eu fiz o post reduxer, eu mandei como estado um objeto, tá bom? E dentro desse state tem chamada post, bom? Não. Eu devia chamar isso de, oh, todos os posts, em vez de posts, vai ficar confundindo as coisas. Do jeito que eu tenho aqui, a gente tem que fazer assim, post.post, entendeu? Então, vou mudar, esse cara vou botar all. Você pode botar todos em português, qualquer coisa. Mas vai confundir com tudo em inglês, sei lá, faz o que quiser, vou botar all pra todos os posts, tá bom? Quando eu pude all aqui, vai dentro desse post, post.all, que vai estar dentro do state, do application state. Vou voltar pra lista, então em vez de post, vou botar all. Então, state.post.all, entendeu? O state é o objeto, esse objeto aqui, vai ter essa chave, chamado post, que dentro dele, vai mandar outro objeto, que é o all, e tem todos os posts. Então, voltando aqui, só isso. E vou no render aqui, o que eu vou fazer? Vou dar um F aqui, statement. Se não estiver definido, eu vou dar, retornar um texto, talvez. Carregando o loading, carregando, tá bom? Se não, eu vou continuar, vou dar um console log aqui, só pra você ver, this were props. Então, a função render do list, componente de lista, se não tiver os posts definidos nas props, vai retornar loading. Se estiver definido, continua, dá um console log do this props e retorna esses caras, vamos ver. Ah, deu erro. Ah, vou botar esse semicolon, ponto e vírgula, tirar. Desculpe, já tem aqui. Voltando lá, tá sempre loading. É? Parece que não sai de loading, porque será?