跳到主要内容

认识

2024年01月04日
柏拉文
越努力，越幸运

一、认识​

use 是一个 React Hook，它可以让你读取类似于 Promise 或 context 的资源的值。与其他 React Hook 不同的是，可以在循环和条件语句（如 if）中调用 use。但需要注意的是，调用 use 的函数仍然必须是一个组件或 Hook。

当使用 Promise 调用 use Hook 时，它会与 Suspense 和错误边界 集成。当传递给 use 的 Promise 处于 pending 时，调用 use 的组件也会 挂起。如果调用 use 的组件被包装在 Suspense 边界内，将显示后备 UI。一旦 Promise 被解决，Suspense 后备方案将被使用 use Hook 返回的数据替换。如果传递给 use 的 Promise 被拒绝，将显示最近错误边界的后备 UI。

二、语法​

const value = use(resource);

  • resource: 想要从中读取值的数据源。资源可以是 Promise 或 context。

  • value: use Hook 返回从资源中读取的值，类似于 fulfilled Promise 或 context。