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

Question

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

这意味着，据我了解，这样的HOC的功能injectSheet和withStyles将不再是V11提供。

新的基于 react 的样式表生成函数似乎都是基于 react 钩子的。这个函数createUseStyles对我和我的团队来说似乎很有前途，直到进一步查看源代码我们意识到它只在函数组件中可用，因为它使用了钩子。

问题

作为一个团队，我们仍然大量使用 React Class 组件，并且没有计划完全转向 hooks，不是因为 hooks 没有用，而是因为有时功能组件不是编写组件的最佳或最有组织的解决方案。

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

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

Answer 1

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

此处描述了将 Hook 转换为渲染道具：https : //reacttraining.com/blog/using-hooks-in-classes/

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