react antd 中 table 不同状态显示不同样式

Misnice

于 2024-03-26 19:21:29 发布

阅读量190

点赞数 3

分类专栏： React 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/Misnice/article/details/137054963

版权

React 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

表格columns中的代码

[
  {
    title: '状态',
    dataIndex: 'status',
    render: (_, record) => {
      let badge: any = '';
      if (record.status === 'success') {
        badge = <Badge status="success" text="成功" />;
      } else if (record.status === 'processing') {
        badge = <Badge status="processing" text="处理中" />;
      } else if (record.status === 'warning') {
        badge = <Badge status="warning" text="警告" />;
      } else {
        badge = <Badge status="error" text="异常" />;
      }
      return <>{badge}</>;
    },
  },
]