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"}
   >

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

1 个答案: