如何从props获取React-Table中的API Jason数据？

Question

我是世界的新手，我面临着从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>
)
}

这是控制台日志

我的桌子什么也没得到

所以我认为根据我的方法，调用数据的方法可能是错误的，对吧？但是我将如何获得正确的方法？

Answer 1

如果使用react-table。您应该为ReactTable传递数据属性。在documentation上给出了示例。并且给定的道具应该是array。在console.log()上看到对象。您可以像这样传递它：

<ReactTable
      columns={columns}
      data={[purchaseData]}
      defaultPageSize={4}
      showPagination={false}
      noDataText={"No data"}
   >