antd table column 列表渲染

 在上面的table中，使用了两处的渲染，第一个是是否，第二个是两个按钮

我们选来看第二个，两个按钮的渲染，这个里面没有条件

{
        title: '操作',
        dataIndex: 'rowguid',
        key: 'rowguid',
        render: (text, record) => (
           <Space>
              <Button type="primary" size="small" onClick= 
                                {(e)=>this.delByGuid(text)}>修改</Button>
              <Button type="danger" size="small" onClick= 
                                {(e)=>this.delByGuid(text)}>删除</Button>
          </Space>
        )
      }

看到的是在columns 数组列中增加了render 这样的一个方法，并且返回一个 标签<space> （里面包含其他的标签就不说了）

我们来看第一个，是否，这个里面用到的条件：

{
        title: '是否根模块',
        dataIndex: 'isroot',
        key: 'isroot',
        render: (text, record) => {
            if(text==='2'){
                return <span style={{color:'green',}}>是</span> 
               }else{
                return <span style={{color:'red',}}>否</span> 
               }
             }
      },

在这个里面我们看到render 这个里面是一个大括号，里面有返回标签

并且根据条件的不同，返回不同结果

希望对你有所帮助