Meu Primeiro App com React Native - #26 Update

Nessa aula faremos o update das informações de localização do produto no banco de dados do sistema.

Atualizando dados com React Native

views/arearestrita/Edicao.js

Vamos implementar no nosso arquivo Edicao.js a função sendForm:

//Envia o formulário com os dados para edição
async function sendForm() {
    let response=await fetch(config.urlRoot+'update',{
       method: 'POST',
       headers:{
            Accept: 'application/json',
           'Content-type':'application/json'
       },
        body: JSON.stringify({
            code: code,
            product: product,
            local: localization
        })
    });
    let json=await response.json();
    setResponse(json);
}

Vamos criar o estado response:

const [response, setResponse] = useState(null);

Para exibir a resposta, implementamos no return o seguinte:

<Text>{response}</Text>

Controller.js

No nosso backend (Controller.js) iremos criar a rota update e fazer a atualização dos dados no banco:

//Update dos dados da mercadoria
app.post('/update', async (req,res)=>{
   let response=await tracking.findOne({
       where: {code: req.body.code},
       include: [{all:true}]
   });
   response.local=req.body.local;
   response.updatedAt=new Date();
   response.Products[0].name=req.body.product;
   response.save();
   response.Products[0].save();
   res.send(JSON.stringify('Dados foram atualizados com sucesso!'));
});

Por hoje é só! Sucesso nos códigos e na vida!

Precisa de aulas particulares? webdesignemfoco@gmail.com