如何在 mui-datatable 中显示对象中的键？

Question

我试过这样定义它：

   {
      name: "colorList",
      label: "Color",
      options: {
        filter: true,
        sort: true,
        customBodyRender: (value, tableMeta, updateValue) => {
          {
            Object.entries(value).map(([key, value]) => {
              return key;
            });
          }
        },
      },
    },

我会在控制台中收到此错误。

Warning: Each child in a list should have a unique "key" prop.

如果我console.log(value)，我可以在控制台中看到数据。

  customBodyRender: (value, tableMeta, updateValue) => {
             console.log(value)
            },

如何显示他们key的访问权限并显示出来？

Answer 1

作为错误

Warning: Each child in a list should have a unique "key" prop.

指出，React 要求数组中的子项具有 stable 身份，允许 React 识别在组件生命周期中哪些元素已更改、添加或删除。使用 key 属性将身份分配给组件。 docs 对此非常清楚。事实上，建议使用在所有列表兄弟中唯一的字符串。

假设对象键，e。 G。 Black 和 Gold 是唯一的，您可以按照这些行做一些事情以将它们用作组件键并将它们显示在 table:

    {
      name: "colorList",
      label: "Color",
      options: {
        filter: true,
        sort: true,
        customBodyRender: (value, tableMeta, updateValue) => {
          return Object.entries(value).map(([key, value]) => {
            return <p key={key}>{key}</p>;
          });
        },
      },
    }

如何在 mui-datatable 中显示对象中的键？

How can I show the key in an object in mui-datatable?

javascript

reactjs

material-ui

mui-datatable