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 这个里面是一个大括号，里面有返回标签

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

希望对你有所帮助