在 React 项目开发中，async/await 通常会被怎样运用？请说明其使用方式和适用场景。

回答思路

1. 【回答框架 1】async/await 是 ES2017 提供的异步编程语法糖，基于 Promise 实现，用于以同步风格编写异步代码，提高可读性与可维护性。
2. 【回答框架 2】在 React 项目中，async/await 常用于处理数据请求、文件读写等异步操作，如在 useEffect 中通过 async 函数获取接口数据，并在组件挂载后更新状态。
3. 【回答框架 3】使用时需注意在 useEffect 中调用 async 函数时，避免直接传入该函数，而应在其内部定义并调用，同时处理竞态条件与组件卸载后的状态更新，可通过取消标志或 AbortController 实现。
4. 【回答框架 4】事件处理函数中也可使用 async/await，如点击按钮后执行异步操作，需捕获错误并通过 try/catch 处理，或使用 .catch 避免未处理拒绝，确保用户体验。
5. 【回答框架 5】在 Redux 或状态管理库中，可通过 async action creator 结合中间件（如 Redux Thunk）实现异步逻辑，使用 async/await 简化数据流与错误处理。
6. 【关键点 1】async/await 基于 Promise，需在 async 函数内使用，返回 Promise 对象。
7. 【关键点 2】使用 try/catch 捕获异常，避免未处理的 Promise 拒绝，提升代码健壮性。
8. 【关键点 3】在 useEffect 中注意清理副作用，防止内存泄漏与竞态条件。
9. 【关键点 4】异步操作后更新组件状态前，确认组件仍处于挂载状态。
10. 【关键点 5】与 Promise.all 结合可并行执行多个异步任务，提升效率。
11. 【易错点 1】错误地直接使用 async 函数作为 useEffect 的回调，可能导致内存泄漏或未捕获错误。
12. 【易错点 2】忘记使用 try/catch 处理错误，造成静默失败或异常崩溃。
13. 【易错点 3】在循环中使用 await 可能导致串行执行，降低性能，应考虑并发方案。