如何在material UI中展开图标？

import React from 'react';
import { IconButton, Collapse } from '@material-ui/core';
import { ExpandMore } from '@material-ui/icons';

const [expanded, setExpanded] = React.useState(false);

const handleExpand = () => {
  setExpanded(!expanded);
};

<IconButton onClick={handleExpand}>
  <ExpandMore />
</IconButton>

<Collapse in={expanded}>
  {/* 这里是需要展开的内容 */}
</Collapse>