相关疑难解决方法(0)

这是有关主题MUI v5 的问题的后续问题。尽管我的问题得到了解答，但我仍然很难理解@emotion/reactAPI 的确切位置以及何时@mui/material/styles 应该使用。我阅读了迁移指南，虽然这确实回答了一些“如何”问题，但我不了解更大的情况。

我什么时候使用MUI的造型，什么时候使用情感？为什么有两种造型解决方案？我应该使用 MUIThemeProvider还是 Emotion？有什么区别？这些问题对于有经验的用户来说可能是微不足道的，但对于刚刚入门的人来说，这些问题需要理解和理解。

我刚刚开始使用 Material UI，我知道它使用 CSS in JS 样式组件的方式。
我在如何创建样式的文档中看到了 2 种方法：

使用sx道具：

<Box sx={{ backgroundColor: 'green' }}/>

使用makeStyles方法：

makeStyles({
  root: {
    backgroundColor: 'green'
  }
})

我知道 JS 中的 CSS 比原生 CSS 性能低得多。
但是在我刚刚编写的这两种方法中，哪一种更高效（如果有的话）？

顺便说一句，我使用的是 Material UI 版本 5，它声称在情感方面具有更好的整体性能而不是 JSS