react await async

在React中，`await`关键字用于异步操作，特别是在使用`async/await`语法时。这两个关键词配合起来使得异步代码看起来更像同步代码，提高了代码的可读性和简洁性。

**1. 使用 `await` 和 `async` 函数处理异步操作：**
在React组件中，如果你有一个返回Promise的方法（如fetch API调用），你可以将其包裹在一个`async`函数中以便使用`await`来等待结果。例如，假设你想按顺序打印从多个URL获取的内容：

// 异步函数示例
async function logInOrder(urls) {
  // 使用async函数并遍历urls
  for (const url of urls) {
    try {
      // 使用await等待fetch的结果
      const response = await fetch(url);
      // 再次使用await等待response的文本内容
      console.log(await response.text());
    } catch (error) {
      console.error(`Error fetching ${url}:`, error);
    }
  }
} 

**2. 注意点：**
- 异步函数会立即返回一个Promise，直到内部的异步操作完成才会解析该Promise。
- 如果在`async`函数内部有`await`语句，那么这部分代码将会暂停执行，直到Promise解析完毕。
- 使用`try...catch`处理可能出现的错误，保持代码的健壮性。

**相关问题--:**
1. React中的Promise与async/await有什么关系？
2. 在React中如何处理非Promise类型的异步操作？
3. 为什么说`async/await`比直接链式调用`then`更易读？