盖茨比，钩子和从API获取数据错误"TypeError: Object(...) is not a function Table"

Question

我正在尝试将这个表实现到我的盖茨比应用程序中。它在 React.js 中运行良好，但是 Gatsby 不想同意它，并不断给出错误 TypeError：Object(...( 不是一个函数。

这是我的表组件...

import React, { useState } from "react";
import { useTable, useFilters, useSortBy, useGlobalFilter } from "react-table";
const Table = ({ columns, data, plans, specials }) => {
console.log(plans, "plan");
console.log(specials, "special");
const [filterInput, setFilterInput] = useState("");
const [filterPlan, setFilterPlan] = useState("");
const [filterSpecial, setFilterSpecial] = useState("");
const {
getTableProps,
getTableBodyProps,
headerGroups,
rows,
prepareRow,
setFilter
} = useTable(
{...

这是我在盖茨比中渲染的页面的返回......

return (
<>
<form
onSubmit={e => {
setUrl(api);
e.preventDefault();
}}
></form>

{isError && <div>Something went wrong...</div>}
{isLoading ? <div>Loading...</div> : <ul></ul>}
{data && <Table columns={columns} data={data} plans={plans} specials={specials} />}
</>
);
}
export default search;

Answer 1

解决了...此错误是未更新到新反应表的结果。