简洁易懂的根据状态显示不同的颜色JS

最新推荐文章于 2024-05-20 15:17:08 发布

luna*?????

最新推荐文章于 2024-05-20 15:17:08 发布

阅读量128

点赞数

文章标签： javascript 前端 java

本文链接：https://blog.csdn.net/weixin_47120900/article/details/130486399

版权

{
  title: '当前状态',
  dataIndex: 'status',
  key: 'status',
  width: 80,
  render: (status) => {
    let color = '';
    let text = '';
    switch (status) {
      case 0:
        color = 'black';
        text = '待审核';
        break;
      case 1:
        color = 'green';
        text = '生效中';
        break;
      case 2:
        color = 'grey';
        text = '已过期';
        break;
      default:
        break;
    }
    return <span style={{ color }}>{text}</span>;
  },
},
这样就可以根据状态显示不同的颜色了