近日,React 团队发布消息称,不会载发布 v18.3版本了,而是即将重点放在React v19 版本。新版本将退出四个新的 hook——旨在解决 React 中两个常见的痛点:数据获取和表单处理。虽然这些 hook 目前作为实验性 API 在 React 预览版本中可用,但它们预计将成为 React 19 的稳定功能,并且在最终发布之前可能会有 API 更改。
下面就让我们来认识一下这些Hook函数。
1、use
use hook 是一个实验性的 React hook,允许你以类似于使用 Promise 或上下文的方式从资源(如 promise 或上下文)中读取值。
const value = use(resource);
更多详情请查看官方文档。
use(Promise)
这个新的 Hook 是官方用于客户端 “suspending” 的 API。你可以传递一个 promise 给它,React 会在它 resolve 之前 suspend。基本语法,摘自 React use 文档,如下。
import { use } from 'react';
function MessageComponent({ messagePromise }) {
const message = use(messagePromise);
// ...
}
下面是一个使用use hook获取异步数据的示例。
import * as React from 'react';
import { useState, use, Suspense } from 'react';
import { faker } from '@faker-js/faker';export