antd react columns值匹配接口返回枚举

如果你使用的是 Ant Design 的 Table 组件，可以在 columns 中使用 render 函数来对接口返回的枚举值进行匹配。具体实现方式如下：

import { Table } from 'antd';

const columns = [
  {
    title: '枚举值',
    dataIndex: 'enumValue',
    render: (text, record) => {
      // 在这里根据接口返回的枚举值进行匹配
      const enumMap = {
        0: '枚举值0',
        1: '枚举值1',
        2: '枚举值2',
      };
      return enumMap[text];
    },
  },
];

const data = [
  {
    key: '1',
    enumValue: 0,
  },
  {
    key: '2',
    enumValue: 1,
  },
  {
    key: '3',
    enumValue: 2,
  },
];

<Table columns={columns} dataSource={data} />;

在 render 函数中，我们定义了一个 enumMap 对象，将接口返回的枚举值作为键，将对应的枚举值文本作为值。然后根据传入的 text（即接口返回的枚举值）在 enumMap 中查找对应的文本并返回。这样就可以在表格中显示枚举值的文本了。