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

时间:2019-06-21 11:26:28

标签: react-hooks

我在按钮上使用了可恢复组件,我想通过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';

1 个答案:

答案 0 :(得分:0)

尝试使用传播算子:

style={...btnStyle}