0

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'.
pyflask 169
2018-11-02 提问
2 个回答
1

已采纳

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

0

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

撰写答案

你可能感兴趣的

推广链接