antd的Table组件，render Tag组件报错

Question

Antd里的Table组件，有redner的方法，渲染Button组件是ok的，但是渲染Tab组件则报错，求高手协助，谢谢。

import如下。

import { Button, Tag } from 'ant';

渲染Button组件的代码

<Table.Column
    title="操作"
    width="120px"
    render={(text, record) => (
      <span>
        <Button
          type="primary"
          size="small"
          onClick={() => this.showTime(record)}
        >
          详情
        </Button>
      </span>
    )}
/>

渲染Tag组件的代码如下。

<Table.Column
    title="状态"
    dataIndex="status"
    render={(text, record) => (
      <span>
        <Tag color="red">{text}</Tag>
      </span>
    )}
/>

报错如下。

341:18-21 'ant' does not contain an export named 'Tag'.

Answer 1

你是不是 import { Button, Tag } from 'ant'; 这句写错了呢？
是不是import { Button, Tag } from 'antd'; 我也不确定是不是因为这个。

Answer 2

报错信息说得很明确，先把import的Tag去掉，看一下是否还报错，如果没报错，就说明当前ant模块没有输出Tag组件