Um momento
Aula 24
Cursos / CRUD com o Redux (e React Native)
Implementação do PostEdit usando PostForm

Summary

Sumário do Transcript

Neste trecho, o autor discute a implementação do componente PostForm dentro da funcionalidade de edição de um post.

  1. Uso do PostForm:

    • O autor menciona que anteriormente o PostForm foi utilizado na criação de novos posts (PostNew) e agora será integrado na edição de posts (PostEdit).
  2. Importação do Componente:

    • O PostForm é importado do mesmo diretório, e não é necessário redigir todas as propriedades desde o início, pois algumas já existem.
  3. Propriedades do PostForm:

    • As propriedades que o PostForm deve aceitar incluem:
      • title e body
      • onTidalChange: função chamada ao digitar no campo de título
      • onBodyChange: função chamada para atualizar o conteúdo
      • Outras propriedades para botões, como onCancelPress.
  4. Carregamento de Dados:

    • A edição de um post requer que os dados existentes (título e conteúdo) sejam carregados ao entrar na página.
    • O autor sugere usar um HTTP GET para pegar os dados do post específico, mas decide que pode simplesmente extrair as informações que já estão disponíveis no estado atual do aplicativo.
  5. Próximos Passos:

    • Está previsto que o autor demonstrará como conectar essas informações no campo apropriado do PostEdit.

Esse resumo captura os principais pontos do transcript, facilitando a compreensão das próximas etapas na implementação do componente de edição de posts.

Video Transcript

Agora vamos usar o postform dentro do edit a post. Vamos lá. Vamos lá pro... Antes a gente usou o postform aqui dentro do postnew, dessa maneira aqui. Então vamos fazer de novo a mesma maneira no post edit, tá bom? Então eu vou tirar esse texto aqui e eu vou, em vez disso, selecionar o postform. Esse componente, vamos lá importar. Lá em cima. Postform, from, mesmo diretório, postform. Opa. Certo? Agora o postform leva umas propriedades que a gente fez aqui no postnew, já fez isso. Certo? Mas eu não vou copiar fazer tudo zero de novo. Certo? Então vamos lá. Então o postform vai levar o que? O título e o body, né? Também tem o onTidalChange, que é a função que vai ser chamada quando você digitar alguma coisa na caixa do título. E o onBodyChange, que é a função chamada pra update, pra atualizar o que você quer ver no conteúdo, né? Cache do conteúdo. E as outras propriedades, ok? Dos botões. Ok, press, you on, cancel press. Tá bom? Então o que é que vai ser esses caras? Então primeiro de tudo, como é que a gente vai fazer pra primeiro, vamos voltar aqui no, esse cara. Você vê que a gente vai dar a página, opa, quando você vem da V-Post, você clica em um dos posts, você vai pra essa página aqui. Aí você quer clicar e editar. Mas nesse caso, o título e o conteúdo já tem alguma coisa, né? Os dados já estão entrados. Então a gente tem que arranjar uma maneira de pegar os dados do post e botar dentro aqui. Certo, então a gente vai fazer o pedido na HTTP get pro post específico. Pra isso a gente vai usar um novo action creator, tá bom? Só voltando aqui. Action creator, aqui no src, barra actions, barra index, outro js. A gente já tem o fetch post aqui. Não é? Então, talvez, vamos fazer assim, não precisa fazer o pedido HTTP novo, não. Vamos só pegar as informações que já estão no estado do aplicativo desse ver post, entendeu? Como a gente já tem essa informação, a gente só basta extraí-la e pô aqui nesse campo aqui. Certo? Então vamos passar, вот aqui. Post edit, certo?
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: