Reactjs 如何调整材质ui按钮的大小

我这里有这个代码：

我试着有3个小方形按钮，上面有+和-符号，中间有一个数字。 我用的是材料。 按钮现在是矩形的，对我的应用程序来说太大了。 我的问题是我不能让它们成正方形并调整大小。我试过很多东西，但都不管用。 谢谢

{this.state.quantity<1？0:this.state.quantity}

您可以添加最大/最小宽度/高度样式选项

例如：

<Button style={{maxWidth: '30px', maxHeight: '30px', minWidth: '30px', minHeight: '30px'}}/>

---

在这种情况下，按钮将始终看起来像一个正方形，并且具有固定大小（30px）。

我假设您发布的元素周围有一个

。MUI网格用于填充空间和管理列宽。似乎您可能需要将外部

限制为希望列跨越的总宽度

另外，请注意，如果要覆盖所有

，请在主题中执行此操作

createMuiTheme({
覆盖：{
穆伊布顿：{
概述：{
边界半径：“0”
}
}
}
})

对我来说，按钮的边缘仍然是圆形的，并且存在类似的问题，上述建议的解决方案不起作用。哇-这确实有效！为什么同时设置maxWidth和minWidth会导致框进行调整，但不响应“宽度”？请在代码中提供更多上下文。查看CreateMuiteme的使用位置会很有帮助

<Button style={{maxWidth: '30px', maxHeight: '30px', minWidth: '30px', minHeight: '30px'}}/>