React TanStack v8 中访问子组件中的 API 数据时出错

Question

我使用 TanStack v8 来表示表格数据。以下是我的应用程序（主页）结构。在主页上，我使用 useEffect 从 API 获取数据并将其传递到 EmailTable。

<Header />
<Statistics />
{emails.length > 0 ? (
  <EmailTable
    emails={emails}
    isLoading={isLoading}
  />
  ) : (
  <Spinner />
)}

在 EmailTable 组件中，我可以访问/记录电子邮件（api 数据）。但是，当我将电子邮件传递给 useReactTable 时，我收到多个错误，例如无法读取未定义的属性（读取“长度”）。 如果我将电子邮件数据存储到某个不同的变量并将该变量传递给 useReactTable，则它工作正常。

Answer 1

这是因为函数参数的类型不匹配。

emails

不在

useReactTable

函数参数的选项中。

useReactTable

函数参数的选项可以在这里找到。