我们想要列表中有一列数据在A环境打开是显示的,在B环境打开则不显示,这里B环境表示为默认环境
1、不能直接用环境判断加在列表的前面,否则其他环境会出现空格情况
constructor(props) {
super(props)
const columns = [
{ title: '姓名', dataIndex: 'name', width: 80, sortable: true, cell: v => <Tip title={v} /> },
++A && { title: '类型', dataIndex: 'type', width: 120, sortable: true, cell: v => <Tip title={v} /> },
]
}
2、正确的方法应该是根据环境变量插入一列项
constructor(props) {
super(props)
const columns = [
{ title: '姓名', dataIndex: 'name', width: 80, sortable: true, cell: v => <Tip title={v} /> },
]
++this.columns = this.setCustomColumns(columns)
}
/** 设置特殊展示列 */
setCustomColumns = (columns) => {
if (A) {
const Columns = [].concat(columns);
Columns?.splice(1, 0, { title: '类型', dataIndex: 'type', width: 120, sortable: true, cell: v => <Tip title={v} /> })
return Columns;
}
return columns;
}