React Material-Table - 如何在從獲取的數組呈現的單元格之間添加逗號？

Question

我正在使用 Material Table 來管理工作站。 我收到的一些數據是 arrays，它們會自動迭代並顯示在單元格中但沒有逗號。

當前行為圖片

我想要達到的目標

我覺得覆蓋整個單元格組件是矯枉過正的，我想避免修改獲取的數組。 有什么方法可以修改“MTableCell”組件中 Material Table 完成的迭代？ 或者也許有一些更聰明的方法來做到這一點？

Answer 1

假設attribs是你的數據作為數組（如圖所示）：

const attribs = ['ATTRIBUTE1', 'ATTRIBUTE2', 'ATTRIBUTE3'];

您可以使用reduce將其轉換為逗號分隔的字符串：

const separated = attribs.reduce((prev, current) => `${prev},${current}`);

然后將其輸入材料表單元格。 你可以在這里查看一個簡單的例子： https://codesandbox.io/s/basictable-material-demo-forked-19c9z?file=/demo.js