use

use 是一个用于解析 React v18 及以下版本的 promise 状态的 polyfill hook。请注意，它只实现了消费 promise 的能力。

Usage

实时编辑器

const promise = new Promise((resolve) => {
  setTimeout(() => {
    resolve("resolved");
  }, 5000);
});

function Demo() {
  const data = use(promise);

  return <p>{data}</p>;
}

render(
  <Suspense fallback="loading...">
    <Demo />
  </Suspense>
);

结果

Loading...

API

Use

Returns

T: 解析状态值

Arguments

参数名	描述	类型	默认值
usable	promise 或者 context	Usable<T> (必填)	-

Usable

type Usable<T> = Thenable<T> | Context<T>;