React-table如何动态访问

Question

如果我的访问者名称总是变化，那么它如何才能动态地在响应表中分配访问者名称？

我喜欢这个来自api的json。

{
        "name":"John",
        "lastname": "doe",
        "('04-29', '05-05')": 49,
        "('05-06', '05-12')": 10,
        "('05-13', '05-19')": 0,
        "('05-20', '05-26')": 50,
      },

在我的表中，我设置列标题和访问器是这样的：

  {
    Header: 'Name'
    accessor: "name",
  },

但是如何设置这些访问器？

 "('04-29', '05-05')": 49,
        "('05-06', '05-12')": 10,
        "('05-13', '05-19')": 0,
        "('05-20', '05-26')": 50,

因为它们是动态的，所以它们总是会变化的。

Answer 1

您可以根据数据创建动态列属性。

const columns = data && data[0] && Object.keys(data[0]).map(accessor => ({
    Header: accessor,
    accessor
});