reactjs - 如何从 props 中获取 React-Table 中的 API JSON 数据?
问题描述
我是反应世界的新手,我面临将数据从 API 调用到列的问题react-table
考虑下面的代码:
render() {
const { purchaseData } = this.props;
console.log("Purchase Data", purchaseData)
const columns = [
{
Header: "Items Id",
accessor:"items_id",
},
{
Header: "Supplier name",
accessor:"supplier_name",
},
{
Header: "Quantity",
accessor:"quantity",
},
]
return (
<div className="item-table">
<ReactTable
columns={columns}
defaultPageSize={4}
showPagination={false}
noDataText={"No data"}
>
</ReactTable>
</div>
)
}
所以我相信根据我的方法调用数据的方法可能是错误的,对吧?但我怎么能得到正确的方法?
解决方案
如果你使用react-table
. 您应该为ReactTable
. 有关于文档的示例。并且给出的道具应该是array
。在console.log()
我看到对象。你可以像这样传递它:
<ReactTable
columns={columns}
data={[purchaseData]}
defaultPageSize={4}
showPagination={false}
noDataText={"No data"}
>
推荐阅读
- git - 不同文件夹中特定文件的 Git diff
- cucumber - 并行运行黄瓜场景大纲
- html - img标签和边框之间的小间隙
- javascript - 为什么在 V8 中 i ** 2 比 (i + 1) ** 2 慢
- reactjs - 如何在 React 组件中访问 Laravel 会话数据?
- mysql - MySQL SELECT WHERE 基于时间
- php - Docker - Nginx、PHP、MongoDB - Laravel 工匠迁移连接超时
- python - 使用 Cursor.executemany 和 Python 列表插入
- reactjs - Reactjs 与 Azure Ouath
- reactjs - 如何使用放大更改 AppSync GraphQL API 的默认授权模式