javascript - useTransition - 对象不是函数或其返回值不可迭代

Question

我正在运行 React 的实验版本以使用并发模式和 useTransition。我正在运行的版本是:

"react": "0.0.0-experimental-27659559e",
"react-dom": "0.0.0-experimental-27659559e",

我还确定我从 index.js 中选择了并发模式。 :

ReactDOM.unstable_createRoot(document.getElementById("root")).render(<App />);

我尝试使用的组件 useTransition看起来像这样 -

import React, { Suspense, useState, useTransition } from "react";
import { createResource } from "./utils";

const initialResource = createResource();

const UserInfo = () => {
  const [resource, setResource] = useState(initialResource);
  const [startTransition, isPending] = useTransition({
    timeoutMs: 3000,
  });
  const user = resource.invoice.read();
  return (
    <div>
      <span>{user.name}</span>
      <button onClick={() => setResource(createResource())}>Load data</button>
    </div>
  );
};

一切正常，直到我使用 useTransition 实现该行.应用程序中断并抛出错误 TypeError: Object is not a function or its return value is not iterable突出显示以下行:

const [startTransition, isPending] = useTransition({
    timeoutMs: 3000,
  });

我不确定设置并发模式是否存在问题。这类似于官方文档所说的设置 useTransition .谁能给我一些关于这里可能出了什么问题的想法？

Answer 1

您现在可能已经弄清楚了，但是他们改变了我们的值(value)观，应该是:

const [isPending, startTransition] = useTransition({
    timeoutMs: 3000,
});