美文网首页让前端飞
antd表格组件数字转文字的处理

antd表格组件数字转文字的处理

作者: 废柴码农 | 来源:发表于2019-01-21 14:20 被阅读0次

    在处理后台返回的数据的时候,为了操作方便,后台会把类似于状态和性别定义为数字形式,前端拿到后台返回的数据之后需要对数据进行数字转文字的转化,但是对于antd的table组件转换有另一种操作,代码如下:

    const Column=[
       {
       title: "性别",
       dataIndex: "sex",
       key: "sex",
       render(sex){
       return sex==1?'男':'女'   //1是男,2是女
       }
    },{
       title: "兴趣",
       dataIndex: "interest",
       key: "interest",
       render(interest){
           let config={
               '1':'唱歌',
               '2':'跳舞',
               '3':'弹琴',
               '4':'画画',
               '5':'游泳'
           }
           return config[interest];
       }
    ]
    

    因为antd组件对column的API里面有一个render的方法,如下图


    table中的render.png

    如果只传一个参数,默认是第一个text获取到的值,也就是说是后台传过来的值

    相关文章

      网友评论

        本文标题:antd表格组件数字转文字的处理

        本文链接:https://www.haomeiwen.com/subject/nircjqtx.html