内置 React API

除了 HooksComponents 外,react 包还导出了一些用于定义组件的其他 API。本页面列出了所有剩余的现代 React API。

🌐 In addition to Hooks and Components, the react package exports a few other APIs that are useful for defining components. This page lists all the remaining modern React APIs.


  • createContext 允许你为子组件定义和提供上下文。与 useContext 一起使用。
  • lazy 允许你将组件的代码延迟加载,直到它第一次被渲染时。
  • memo 允许你的组件在属性相同的情况下跳过重新渲染。与 useMemouseCallback 一起使用。
  • startTransition 允许你将状态更新标记为非紧急的。类似于 useTransition
  • act 让你在测试中封装渲染和交互,以确保在进行断言之前更新已经处理完毕。
  • cache 让你缓存数据获取或计算的结果。
  • cacheSignal 会在 cache() 生命周期结束时通知你。
  • captureOwnerStack 在开发中读取当前的所有者堆栈,如果可用,会将其作为字符串返回。

资源 API

🌐 Resource APIs

资源 可以被组件访问,而无需将其作为组件状态的一部分。例如,组件可以从 Promise 中读取消息或从上下文中读取样式信息。

你可以将这些类型的资源传递给 use

🌐 You can pass these types of resources to use:

  • 一个用来读取其解决值的 Promise
  • 一个上下文来读取它的值。
  • browser 返回的值,用来在服务器渲染时标记组件仅限浏览器使用。
function MessageComponent({ messagePromise }) {
const message = use(messagePromise);
const theme = use(ThemeContext);
use(browser());
// ...
}