Reactjs 如何设置材质ui图标的样式

如何在按钮中居中放置材质ui图标

import AddIcon from '@material-ui/icons/Add';
 <Button><AddIcon style={{ bottom: 3, right: 3 }}/>ADD</Button>

从“@material ui/icons/Add”导入AddIcon；
有一种特殊类型的按钮，称为带图标和标签的按钮

您可以阅读更多信息。
要将自定义样式添加到材质ui，您需要生成样式
例子
从“React”导入React；
从'@material ui/core/styles'导入{makeStyles}；
...
const useStyles=makeStyles({
根目录：{
背景：“线性梯度（45度，Fe6B30%，FF8E53 90%），
边界半径：3，
边界：0，
颜色：'白色'，
身高：48，
填充：“0 30px”，
boxShadow:'0 3px 5px 2px rgba（255、105、135、3）'，
},
标签：{
textTransform:'大写'，
},
});
...
const classes=useStyles（）；
返回(

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';

...

const useStyles = makeStyles({
  root: {
    background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',
    borderRadius: 3,
    border: 0,
    color: 'white',
    height: 48,
    padding: '0 30px',
    boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)',
  },
  label: {
    textTransform: 'capitalize',
  },
});

...

const classes = useStyles();

  return (
    <AddIcon
      classes={{
        root: classes.root,
        label: classes.label,
      }}
    >