anteriorpróximo
Aula 15
Cursos / Introdução ao React Native
Implementação da Função para Efetuar a Modificação do Perfil no Backend

Summary

Resumo do Transcrito

O objetivo da conversa é sobre a conversão de um número (idade) para uma string e a atualização de dados em um sistema através de uma requisição PATCH.

Conversão de Número para String

  1. Métodos de Conversão:

    • Usar um parâmetro específico para a conversão.
    • Concatenar o número com uma string vazia (""), que é mais rápido.

  2. Implementação:

    • O estado é definido com a idade convertida para string.
    • A aplicação captura a idade e o nome.

Edição de Perfil

  1. Função de Edição:

    • O evento de clicar no botão de editar aciona uma função que simula um PATCH (método para atualizar dados).
    • A URL para a requisição deve incluir o ID da pessoa.

  2. Estrutura da Requisição:

    • O corpo (body) da requisição inclui:
      • Método patch.
      • Headers (Headers de aceitação e tipo de conteúdo).
      • Dados a serem atualizados, incluindo nome, idade, e avatar (avatar pode mudar).

  3. Testando a Requisição:

    • Após clicar em editar, é feita uma requisição para mudar a idade de um usuário (por exemplo, João) para 29.
    • Observa-se um erro devido à incompatibilidade entre tipos (idade como string e número).

Erro Encontrado

  • Durante a requisição PATCH, um erro foi identificado devido ao tipo de dado no corpo da requisição, que não corresponde ao esperado pelo servidor.

O transcrito é um passo a passo sobre como manipular e atualizar dados em um perfil de usuário em um sistema utilizando técnicas de programação.

Scroll down above for more

Video Transcript

Então eu vou converter a idade aqui que é o número number para um string, entendeu? Vamos aqui no navegador, então uma maneira de converter o número para um string é assim, tá bom? Nesse caso, tem que ter o parâmetro desse aqui. Outra maneira é só fazer um string com nada dentro e adicionar o número, tá bom? E esse aqui talvez seja mais rápido. Temos de performance, tá bom? Qualquer um dos dois. Vamos ver aqui. Vou fazer esse aqui. Eu vou botar um string vazia e vou adicionar o número, o number. E assim vai se tornar um string, tá bom? Vamos aqui, então a gente sete o estado com a idade como se fosse um string. Vamos ver o que acontece agora. Aí, pegou a idade, pegou o nome, tá bom, né? Agora vamos continuar e fazer o editor aqui. Então quando o editor, a gente clica em editar, a gente quer mandar quase a mesma coisa aqui do patch para criar, o pessoal vai sete o método vai ser patch, tá bom? Vai mandar patch. Então vamos tentar e a gente no body vai fazer a mesma coisa. Você vai mudar os campos para alguma coisa. E vai atualizar no servidor, no banco de dados. Então vamos chamar o patch, qual é a URL? Tem que passar o que? A gente tem um perfil, né? Tem que passar barra pessoas, barra o ID dessa pessoa. Nesse caso eu acho que a gente tá pegando a pessoa 1, atomaticamente. Então vamos copiar esse aqui, tá bom? E o segundo argumento é um objeto. Nesse objeto vamos botar o método patch, tá bom? Vamos botar os headers. Accept, application, JSON. E vai ser o content type, só copiar e mudar o content type aqui. Tá bom? E vamos botar o data, né? Body. Body vai ser um objeto cujo nome é o estado ID, name, nome, idade e avatar. Vou só copiar esse cara aqui, tá bom? Mas ao invés de se avatar ser já definido aqui, a gente tem que botar o estado. Porque pode mudar. Agora a gente não tem essa maneira de mudar a foto, mas fazendo assim, se tiver essa função de mudar a foto vai funcionar. Então a gente passa o patch, muito importante lembrar que é patch. Normalmente a gente usa o put, né? Pra fazer um update. Aqui a gente vai usar patch, for patch. Então, vamos tentar fazer isso e ver o que acontece. A gente clicar, editar, vamos ver aqui, clicar, editar. Vai chamar essa função. Estou usando uma função flash aqui, notis. Então vamos ver aqui no back end. O João, né? Vamos mudar a idade pra 29. Ah, tem um detalhe também que eu esqueci de falar da... A idade é uma string aqui, né? Mas aqui é um número. Vê o que acontece. Deu erro aqui, pera aí. Vamos ver aqui. Deu um detalhe de novo. Então deu erro. A supported body need type. O que é que aconteceu? Vamos ver aqui. Editar, perfil. Body, ah. E aí, o que aconteceu? O que aconteceu? O que aconteceu? O que aconteceu? O que aconteceu? O que aconteceu? O que aconteceu? O que aconteceu? O que aconteceu? O que aconteceu? O que aconteceu? O que aconteceu? O que aconteceu?
See more
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação:
Quero contribuir