Javascript 如何使用CSS的before属性将箭头添加到MI Popover？

我有一件府绸：

<Popover
    id={id}
    open={openMe}
    anchorEl={anchorEl}
    className={classes.popover}
    onClose={handleCloseMe}
    anchorOrigin={{
      vertical: 'bottom',
      horizontal: 'center',
    }}
    transformOrigin={{
      vertical: 'top',
      horizontal: 'center',
    }}
>
  <Typography className={`${classes.popover} ${classes.typography}`}>
    ... Some contents
  </Typography>
</Popover>

如何将箭头添加到材质UI的Popover类

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid black;
}