Summary of the Transcript

chamado de this.on.q. Delete press, sei lá. On Delete Press. Vamos definir essa função. This, então a função do componente post add. Vamos lá aqui. On Delete Press. Função, opa. A gente vai chamar aquele action creator, list.props, vai ser injetado como props, vai ser aqui disponível, chamado delete post, certo? A gente precisa do id do post que será deletado. Nesse caso, se você se lembrar, a gente tem acesso ao post via o Select post aqui. Select post tem o id, então vamos lá. Vê esse ponto props, ponto selected post, ponto id. E é só isso. E depois de deletar, a gente tem que ir para list do post. Não pode voltar para a página do post, porque não tem mais post, né? Então vamos lá. A gente pode dar um actions, ponto list, e resetar, tá? Aí fica assim. O tipo, esse objeto dado a função list. Nesse caso, list é a chave aqui do nosso componente, chamado list, né? Se você voltar no router aqui, você note que aqui da cena que define aquele list, né? Tem aqui chamado list, e por isso que a gente usa as lists, né? O actions nos permite mudar de cena. Nesse caso, a gente vai mudar para essa cena, cuja aqui é list, então pode chamar a função com o mesmo nome daqui. Então list, e vou passar esse objeto aqui só para resetar o negócio. Recetar por quê? Porque quando a gente deletar o post, aquele post, a gente tem que arranjar uma maneira de remover-a da lista. Eu acho que fica fácil de só resetar aquela lista em vez de mudar o estado do... Da, do all, né? Do post, ponto all, do reducer. Diretamente aqui, eu vou deixar ele dar o fat post de novo. Certo? A mesma maneira que a gente fez quando a... A gente fez o post new. Eu não sei se lembra do post new aqui, a gente usou actions.list e recetou tudo porque tinha aquele problema do pop, né? Da... do list não ser atualizada depois de criar um novo post. Então vamos voltar lá para o post edit. Actions.list, type reset. Certo? Então vai letar o post e depois vai voltar para a lista de posts. Certo? Agora vamos lá e definir esses caras dentro desse arquivo. Primeiro de tudo, o delete post aqui. Primeiro tem que injentar as props. Vai lá no map dispatch to props, lá embaixo. Add the post, adiciona. Depois vai lá em cima. E importa o delete post do actions. Tudo certo? Vamos lá continuar com o quê? A gente já importou actions, né? Lá em cima. Está importado. Então vamos... Voltando aqui, salvar. Ok, agora o próximo passo é lidar com aquele... aquele tipo de ação chamado o delete post. Lá no reducer, post reducer. O que a gente vai fazer? Primeiro de tudo, a gente tem que setar o selected. O post que essa vai ser notado para na... para no de novo, tá bom? Vamos lá lidar com o case, o quê? Delete post. Vamos retornar o novo estado. Copie as propriedades anteriores. E o que é que eu vou fazer? Você tá o selected para ser novo, porque a gente não tem mais post, né? Isso é? E a gente não precisa modificar o all porque a gente vai dar uma recetada. Então o componente list vai ser montado de novo. E você se lembra que o list tem o component dead mount que tem o fat post que vai modificar aquele all e pegar e obter os posts novamente. Então nem precisa fazer nada a respeito disso. Já está feito. Certo? Volta aqui para o post reducer. O que mais que a gente tem que fazer? Acho que mais vai deletar. Deixa o select para no. Ok, então vamos voltar aqui. Ah, também. Uma coisa aqui, vamos ver. Vamos testar. A nextpective, não sei o quê. Archive actions index unexpected token. Esperou 1,68. Vamos lá. 68. Ah, esqueci da virgula aqui no objeto, certo? Salva. Cadê meu Live reload? Então vou clicar nesse cara aqui. Editar. Ah, deletar post. Vamos ver qual é esse cara. Não sei o quê, não sei o quê, 9. Está aqui deletou, né, vi? Deletou. Então, opa. O que que aconteceu aqui? Vamos ver. Vamos deletar. Ah, esse cara não tem título nem... É porque eu criei um recorde sem título, sem baureia, por isso está aparecendo em branco. Mais vamos ver, testar mais esse cara. Deletar. Deletar. E será que deletou mesmo? Vamos ver aqui. As coisas... Parece que não mudou aqui. Então vamos ver aqui. Vamos lá na API usar o post, man. Pedido get para todos os posts. Então agora no banco de dados tem o quê? Vamos ver. Tem dois posts aqui. Esse aqui, o Lowry, tem esse outro. Então esse cara está errado. Então vamos lá. Vamos procurar o quê que está errado aqui.