const columns: ColumnsType<DataType> = [
{
title: '文件名称',
dataIndex: 'originalFilename',
align:'center',
},
{
title: '上传者姓名',
dataIndex: 'filePeople',
align:'center',
},
{
title: '上传者账号',
dataIndex: 'fileAccount',
align:'center',
},
{
title: '文件状态',
dataIndex: 'fileStatus',
align:'center',
render: (data,record) => (
<Tag color={record.paperFile.length ? '#FAAD14' :
data == 1 ? '#FF4D4F' : data == 2 ? '#1890FF' : data == 3 ? '#52C41A' : ''}>
{record.mostlyFile.length ? '多部门可见' :
data == 1 ? '仅自己可见' : data == 2 ? '同部门可见' : data == 3 ? '全部可见' : ''}
</Tag>
),
},
{
title: '所属文件夹',
dataIndex: 'paperFile',
align:'center',
},
]
这里我们可以看到,我们根据后端返回的data,显示不同的内容,同时也根据record来进行判断显示不同的内容,这个在开发中是很常用的 data:当前列的值
record:所有列的值