Reactjs 反应表:使用多个数组
我想使用包含大量数据的React表 以下是我的数据:Reactjs 反应表:使用多个数组,reactjs,react-table,Reactjs,React Table,我想使用包含大量数据的React表 以下是我的数据: myData: {Array1:[{},{},...], Array2:[{},{},...], Array3:[{},{},...]} 因此,在我的反应表组件中,我执行以下操作: <ReactTableFixedColumns data={myData} /> 但它不起作用。如果我做*data={myData.Array1}*,我可以看到我的数据出现在Array1中。但是我想要所有数据,而不仅仅是数组1中的数据。您可以将所有
myData: {Array1:[{},{},...], Array2:[{},{},...], Array3:[{},{},...]}
因此,在我的反应表组件中,我执行以下操作:
<ReactTableFixedColumns data={myData} />
但它不起作用。如果我做*data={myData.Array1}*,我可以看到我的数据出现在Array1中。但是我想要所有数据,而不仅仅是数组1中的数据。您可以将所有数据合并到一个数组中:
const data = Object.values(myData).flatMap(arr => arr)
<ReactTableFixedColumns data={data} />
您可以将所有数据合并到一个数组中:
const data = Object.values(myData).flatMap(arr => arr)
<ReactTableFixedColumns data={data} />
如果数组中的数据都是相同的格式,则应将它们组合成一个数组并将其传递给表。数组中的数据不都是相同的格式如果数组中的数据都是相同的格式,则应将它们组合成一个数组并传递给表。数组中的数据不都是相同的format@Gargantua这是一个很好的答案,你到底想要什么?@SuleymanSah,因为我的数组是30。所有数组的总和等于100个数据。所以,我的桌子有100排,而不是30排need@Gargantua你说过你想要所有的数据,而不仅仅是阵列中的数据是的,你的解决方案很有效,很抱歉这么晚了answer@Gargantua这是一个很好的答案,你到底想要什么?@SuleymanSah,因为我的数组是30。所有数组的总和等于100个数据。所以,我的桌子有100排,而不是30排need@Gargantua你说过你想要所有的数据,而不仅仅是阵列中的数据是的,你的解决方案有效很抱歉回答得太晚