Question

我在按钮上使用了可恢复组件，我想通过color和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}

样式无法应用于按钮-React Hooks

1 个答案: