30.use 的作用是什么?如何使用?
use是 React 提供的一个较新的 API,用来在组件渲染过程中“读取资源”的值(常见资源包括Promise与Context)。当你把一个 Promise 交给use()时,React 可以在 Promise 仍未完成时暂停(suspend)该组件的渲染;等 Promise 成功兑现后,再把结果作为返回值交给组件继续渲染;如果 Promise 失败,则交由最近的Error Boundary处理。
use 是如何工作的?
use()会“消费”一个资源(例如异步函数返回的 Promise,或某个 Context)。当 Promise 处于 pending 状态时,React 会挂起当前组件,并寻找最近的
<Suspense>来展示兜底内容。一旦 Promise resolve,
use()会返回 resolve 的值,组件随之继续渲染并展示数据。若 Promise reject,React 会把错误交给最近的 Error Boundary 的 fallback 来呈现。
基础示例:用 use 读取异步数据
import React from "react";