Aula 24
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.
-
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
).
- O autor menciona que anteriormente o
-
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.
- O
-
Propriedades do PostForm:
- As propriedades que o
PostForm
deve aceitar incluem:title
ebody
onTidalChange
: função chamada ao digitar no campo de títuloonBodyChange
: função chamada para atualizar o conteúdo- Outras propriedades para botões, como
onCancelPress
.
- As propriedades que o
-
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.
-
Próximos Passos:
- Está previsto que o autor demonstrará como conectar essas informações no campo apropriado do
PostEdit
.
- Está previsto que o autor demonstrará como conectar essas informações no campo apropriado do
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: