reactjs - Material-UI v5 中使用 theme.spacing() 的间距数学

标签 reactjs material-ui

在 Material-UI v4 中,我的 JSS 类中有这样的东西

paddingTop: theme.mixins.toolbar.minHeight + theme.spacing(1)
然而,在 v5 中,theme.spacing()返回一个字符串而不是一个数字。所以上面的语句会将 paddingTop 设置为 568px , 即 56+'8px'那么现在用间距进行数学运算的正确方法是什么?

最佳答案

`calc(${theme.mixins.toolbar.minHeight} + ${theme.spacing(1)})`

关于reactjs - Material-UI v5 中使用 theme.spacing() 的间距数学,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69319992/

相关文章:

reactjs - Material Ui 复选框受控状态更改不起作用

reactjs - React 测试库 - o​​jit_prehh 只能在 worker 内部使用

reactjs - 如何在 Formik Validations Reactjs 中添加单选按钮?

Javascript Reactjs 按钮组件未显示

reactjs - 为什么material-ui占用太多空间?

javascript - 按住移动按钮时如何防止附近的文本选择?

javascript - react typescript 打字不起作用

javascript - typescript 不打字

html - 如何在屏幕底部对齐元素在 Material ui中

reactjs - 如何使用 Material UI Card 填充 React Grid Layout 项目