React Table: 使用多个数组

Question

我想使用 React-Table 处理大量数据。

这是我的数据：

myData: {Array1:[{},{},...], Array2:[{},{},...], Array3:[{},{},...]}

所以在我的 React-Table 组件中，我这样做：

<ReactTableFixedColumns data={myData} />

但它不起作用。如果我这样做 *"data={myData.Array1}"*，我可以在 Array1 中看到我的数据。但我想拥有我所有的数据，而不仅仅是 Array1.

中的数据

Answer 1

您可以将所有数据组合成一个数组：

const data = Object.values(myData).flatMap(arr => arr)

<ReactTableFixedColumns data={data} />

React Table: use multiple array