如何在单击时旋转图标(IconButton),使其在隐藏折叠组件时指向下方,而在显示折叠组件时指向上方?
const [expanded, setExpanded] = useState<boolean>(false);
const handleExpand =() => {
setExpanded(!expanded)
}
<Box>
<IconButton onClick={handleExpand}>
<ExpandMoreIcon/>
</IconButton>
<Box>
<Collapse in={expanded}>Hello</Collapse>
我知道我可以用 accordion ,但我尽量避免用。谢谢!
1条答案
按热度按时间gwbalxhn1#
您可以添加一个检查项,并基于
expanded
的值呈现ExpandMoreIcon
和ExpandLessIcon
。