样式不能应用于按钮 - React Hooks

Question

>我正在为按钮使用可修复的组件，其中我想传递颜色和 bgColorvia 道具，应用颜色但随后背景颜色不适用

const useStyles = makeStyles(theme => ({
  button: {
    //width:'100%',
    margin: theme.spacing(1)
  },
  input: {
    display: "none"
  }
}));
export default function ContainedButtons(props) {
  const classes = useStyles();
  const btnStyle = {
    color: props.color,
    backgroundColor: props.bgClrRed
  };
  console.log(props);
  return (
    <div>
      <Button
        variant="contained"
        style={{ backgroundColor: props.bgClrRed, color: props.color }}
        fullWidth="true"
        className={classes.button}
      >
        {props.name}
      </Button>
      <Button
        variant="contained"
        style={btnStyle}
        fullWidth="true"
        className={classes.button}
      >
        {props.name}
      </Button>
    </div>
  );
}

我错过了一些我不知道任何人都可以知道的东西

更新

  import ContainedButtons from '../container/buttonsControl';
  import css from '../variable.scss';

Answer 1

尝试使用点差运算符：

style={...btnStyle}