React＆Material UI：在<Paper>右下角的<IconButton>位置（无FAB）

Question

问题：

我有一个react / material-ui实现，在这里我想显示一个漂浮在纸张右下角的编辑图标。我已经弄清楚了如何将其浮动在整个屏幕的右下角，但这不是我想要的。

当前行为：

预期行为：

将图标按钮浮在纸张组件的右下角。

<Paper classnName={classes.paper}>

    <IconButton
      onClick={handleVisionEditCick}
      style={{ position: "???", bottom: 3, right: 3 }}
     >
        <EditIcon className={classes.EditIcon} />
    </IconButton>
    <Typography variant="h5" component="span" color="textPrimary">
         {vision}
    </Typography>
</Paper>

Answer 1

这可能不是最佳解决方案，但是您可以尝试使用Grid

      <Grid container justify="flex-end" alignItems="flex-end">
        <IconButton style={{ bottom: 3, right: 3 }}>
          <Edit className={classes.EditIcon} />
        </IconButton>
      </Grid>

Example