Reactjs 材质UI-如何将图标按钮居中放置在表脚内？

我正试图使用Material UI将

图标按钮

置于我的

表格页脚

的中心位置。出于某种原因，我当前的代码将按钮的中心稍微偏左了一点，我想知道是否有人熟悉这一点

以下是我尝试这样做的方式：

          <TableFooter>
             <Tooltip title="Add">
               <IconButton aria-label="Add" onClick={this.handleAdd} style={{ display: 'block', margin: 'auto' }}>
                  <AddIcon />
               </IconButton>
             </Tooltip>
          </TableFooter>

---

感谢您的帮助！谢谢大家!

所以我发现问题其实不在于我的造型。似乎我的样式是正确的，但问题是我的表格单元格的宽度。因为我的数据表中有两列，所以包含

按钮的表单元格仅跨越一列的大小。因此，为了解决这个问题，我将我的
TableCell
更改为
。这解决了我的问题

谢谢大家的意见
 您是否尝试过将iconStyle道具添加到IconButton？如果没有，请尝试使用应用样式iconStyle@Think-两次，它似乎不像
iconStyle
是一个公认的道具
React无法识别DOM元素上的
iconStyle`prop.`您使用的是哪个版本？@Think Trough 3.0.3。至少这是我的
package.json
saysWell react告诉我的：``警告：validateDOMNesting（…）：不能显示为的子级```