Comment obtenir correctement le statut de fetch ?

Question

Je fais une récupération dans mon API et elle renvoie un statut 201, mais lorsque j'essaie de le recevoir dans une variable, le statut devient bizarre.

useEffect(() => {
async function Verify (test) {
 await fetch("/api/test", {
  method: "POST", 
  headers: {
   'Content-Type': 'application/json',
  },
  body: JSON.stringify({test: test}),
 }).then((response) => {
  res = response.status; 
  console.log(res); //thats print '201'
  return res;
 });
}
const status = Verify(test);
console.log(status); //thats print 'Promise { <state>: "fulfilled", <value>: 201 }'

}

Answer 1

Si vous le souhaitez status等于Verify的结果，您需要await.

const status = await Verify(test);

De plus, je recommande de refactoriser votre code pour l'utiliser await partout pour simplifier le processus. Essayez quelque chose comme ceci :

async function Verify (test) {
  const res = await fetch('/api/test', {
    method: 'POST', 
    headers: {
     'Content-Type': 'application/json',
    },
    body: JSON.stringify( { test } ),
  });
  
  if (!res.ok) {
    throw new Error('Not-ok response from server');
  }

  return res;
}