Utiliser Async/Await avec .then()

Question

Je suis un peu confus par le concept d'async/await, surtout par rapport à .then() dans les fonctions.

Je travaille actuellement avec une application React de base et j'obtiens des données useEffect

Je me demande, parce que fetch 返回 Promise ，为什么在执行以下示例时我不需要将任何内容标记为 async 或 await :

useEffect(() => {
    fetch("whatever").then(res => console.log(res));
  }, [])

Mais quand je choisis d'exécuter la fonction await 时，我需要将代码包装在 async

useEffect(() => {
    // error, needs to be in an async function
    const res = await fetch("whatever");
  },[])

Je suppose que mon problème est en fait que l'utilisation de .then() 与使用 async await 链接之间有什么区别，为什么 .then() ne m'oblige pas à attendre quoi que ce soit, même si l'obtention renvoie une promesse ? < /p>

Merci

Answer 1

Pour ajouter à @HEllRZA, then() et async/await peuvent être utilisés pour gérer les promesses en JavaScript. then() est une méthode qui prend une fonction de rappel comme paramètre et vous permet d'enchaîner plusieurs méthodes then() pour traiter les réponses en séquence. Async/await est une nouvelle façon d'écrire du code asynchrone en JavaScript.