我在按钮上使用了可恢复组件,我想通过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';
答案 0 :(得分:0)
尝试使用传播算子:
style={...btnStyle}