css - 如何在react类组件中使用react-jss？

Question

在 react-jss documentation ，作者写道:“基于 HOC 的 API 自 v10 起已弃用，并将在 v11 中删除。”

据我所知，这意味着像 injectSheet 和 withStyles 这样的 HOC 功能在 V11 中将不再可用。

新的基于react的样式表生成函数似乎都是基于react hooks。函数 createUseStyles 对我和我的团队来说似乎非常有前途，直到进一步研究源代码后，我们意识到它只能在功能组件中使用，因为它使用了钩子(Hook)。

问题

作为一个团队，我们仍然大量使用 React 类组件，并且没有计划完全转向钩子(Hook)，不是因为钩子(Hook)没有用，而是因为有时函数式组件并不是编写应用程序的最佳或最有组织的解决方案。成分。

也许我遗漏了一些东西 - 但现在似乎除了从核心jss编写我们自己的手动实现之外，基于 React 类的组件没有任何解决方案。

开发者有什么解决方案可以像createUseStyles那样使用react-jss，跟上最新版本的react-jss，能够传递动态props 等无需编写手动实现？

Answer 1

虽然不是特定于 JSS，但请记住，您始终可以使用小型包装器将任何 Hook 转换为渲染 prop 或 HOC。

将 Hook 转换为渲染 Prop 的描述如下:https://reacttraining.com/blog/using-hooks-in-classes/

您可以使用类似的方法将任何 Hook 转换为 HOC。