compact解决antd table columns展示的处理

 1   const columnsdata = [
 2     {
 3       roles: [1, 2],
 4       rolesColumnsdata: [...baseBranchsColumns],
 5       searchForm: [],
 6     },
 7     {
 8       roles: [3],
 9       rolesColumnsdata: [...baseBranchsColumns],
10       searchForm: [],
11     },
12     {
13       roles: [5],
14       rolesColumnsdata: compact([...baseBranchsColumns, ...actionS]),
15     },
16     {
17       roles: [4],
18       rolesColumnsdata: compact([...baseBranchsColumns, ...actionS]),
19     },
20   ] as ChemicalTypes[];

  const actionS = useMemo(() => {
    const deleteAction = [
      {
        title: '操作',
        render: (record: { id: string | number }) => {
          return (
            <>
              <Popconfirm
                title={
                  ''
                }
                onConfirm={async () => {
                  try {
                    await deleteBranchData(+record.id);
                    getBranchListData();
                  } catch (error) {}
                  //
                }}
                okText='确认'
                cancelText='取消'
              >
                <span
                  className={combineClassName(style.textBlue, style.textCursor)}
                >
                  删除
                
              
            
          );
        },
      },
    ];
    if (mainProductInfo.organization_type === rolesnumber) return deleteAction;
    return [];
  }, [mainProductInfo, rolesnumber]);