在上面的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 这个里面是一个大括号,里面有返回标签
并且根据条件的不同,返回不同结果
希望对你有所帮助