React 19即将发布，新增4个Hook函数

近日，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