在使用Axios并使用React-table创建表时，data.forEach不是一个函数
在使用Axios并使用React-table创建表时，data.forEach不是一个函数
提问于 2020-09-17 12:48:45
我使用react-table库和axios从api进行get调用。我的use efft看起来像这样。
const [data, setData] = useState([]);
useEffect(() => {
(async () => {
const result = await axios("http://site");
setData(result.data)
})();
}, []);
return (
<div className="App">
<Table columns={columns} data={data} />
</div>
);但是，我在尝试呈现该表时遇到错误。我收到的错误似乎来自我的Table.js文件
错误:表
src/Table.js:8
5 |
6 | const [filterInput, setFilterInput] = useState("");
7 | // Use the state and functions returned from useTable to build your UI
> 8 | const {
| ^ 9 | getTableProps,
10 | getTableBodyProps,
11 | headerGroups,我刚开始使用反应表，你知道为什么吗？我做了console.log的结果，它是作为一个对象。
回答 1
Stack Overflow用户
发布于 2020-09-17 13:10:14
您需要某种类型的“加载”组件，该组件将呈现，直到您的axios完成，并且您有数据要呈现。你可以这样使用它：
return !data.length ? (<div>Loading..</div>) : (<div className="App">
<Table columns={columns} data={data} />
</div>)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63938389
复制相关文章
相似问题
腾讯云开发者
