使用 MUI sx prop 被认为是一种不好的做法吗？

Question

当我想为某些 MUI 组件添加单一样式时，我通常使用

sx

prop。但我想知道我是否应该完全避免使用它们。

就像这个例子：

<Slider
  defaultValue={30}
  sx={{
    width: 300,
  }}
/>


<FormControl sx={{ width: '25ch' }}>



<HomeIcon sx={{ color: pink[500] }} />

Answer 1

根据文档，

sx

的习惯用法是

[t]o 更改组件的one实例的样式。

所以我假设它是可以接受的，除非你有多个组件将使用相同的样式，然后应该使用像

styled

这样的其他选项。