反应Material-Table——我怎么能添加逗号之间的细胞呈现从获取数组? &

Question

我使用Material Table来管理工作站。我收到的一些数据是数组，它们被自动迭代并显示在单元格中，但没有逗号。

当前行为图

我想达到的目标

我觉得重写整个单元组件是多余的，我想避免修改获取的数组。有没有什么方法可以修改材质表在mtablecell中的迭代组件?或者有更聪明的方法?

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