如何内联代码伪 css class ：悬停在反应 material-ui 元素上？

Question

如何内联代码伪 css class :hover on react material-ui element?

是这样的吗？

<Paper style={{"&hover": { "background-color": "black" } }>

Answer 1

我在互联网上搜索了更多内容

https://mui.com/system/the-sx-prop/

<Paper sx={{
  '&:hover': {
    backgroundColor: "black",
  },
}}>
</Paper>