如何在MaterialUI 4中使用react-jss？

Question

我已经将react-jss和material-ui一起使用了一段时间。 material-ui 3.x-> 4.x迁移指南指出MUI 4与React JSS 9.x不兼容：

https://material-ui.com/guides/migration-v3/

此外，看来react-jss项目已被存档：

https://github.com/cssinjs/react-jss

...但是JSS的版本至少为10：

https://cssinjs.org/?v=v10.0.0-alpha.16

因此，我对如何在MUI 4中使用React-JSS感到完全困惑。导入是"react-jss": "8.6.1",中的package.json以外的东西吗？我应该切换到情感或样式化组件吗？太困惑了。

Answer 1

您可以使用：

"react-jss": "10.0.0-alpha.16"

https://github.com/cssinjs/react-jss之所以被归档是因为它被重组为jss monorepo（一个GitHub存储库中的多个软件包）的一部分：https://github.com/cssinjs/jss/tree/master/packages/react-jss。

每当升级Material-UI时，都应检查Material-UI中的jss版本是否已更改，以便可以保持同步；否则，您将引入两个版本的jss。您可以在此处查看Material-UI jss版本：https://github.com/mui-org/material-ui/blob/master/packages/material-ui-styles/package.json#L48

您还应该研究在Material-UI中是否需要直接使用react-jss与仅使用jss包装器（例如withStyles，makeStyles等）。