通过Box覆盖组件样式

时间:2020-11-08 13:56:40

标签: reactjs material-ui

MUI的docs说,Box包装器可以使用clone选项覆盖其子样式,如下所示:

<Box color="red" clone>
   <Button>Click me</Button>
</Box>

据我了解,应该cloneElement为其子级注入样式。但是,它似乎根本不起作用-不能用于按钮,印刷术或任何其他组件。

1 个答案:

答案 0 :(得分:0)

嗯,克隆有一些问题,似乎会​​在v5中删除

https://github.com/mui-org/material-ui/issues/18496#issuecomment-557835104

目前可以使用,但效果不佳:(

<Box color="red">
   <Button color='inherit'>Click me</Button>
</Box>