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>;