如何使用Material-ui根据if语句隐藏/显示列？

import { Table, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles((theme) => ({
  hiddenColumn: {
    display: 'none',
  },
}));

const MyTable = () => {
  const classes = useStyles();
  const showColumn = true; // 根据具体条件判断是否显示列

  return (
    <Table>
      <TableHead>
        <TableRow>
          <TableCell>列1</TableCell>
          {showColumn ? (
            <TableCell>列2</TableCell>
          ) : (
            <TableCell className={classes.hiddenColumn}>列2</TableCell>
          )}
          <TableCell>列3</TableCell>
        </TableRow>
      </TableHead>
      <TableBody>
        {/* 表格内容 */}
      </TableBody>
    </Table>
  );
};