react-jss displayName被injectSheets覆盖

Question

我有一个功能组件 Foo，我正在使用 react-jss 将样式表注入其中。

我手动将 Foo 的 displayName 设置为“Foo”，但我注意到在 Foo 上调用 injectSheet 后，displayName 更改为“JssContextSubscriber”。为什么会这样？如果我把它改回“Foo”会有什么问题吗？

我读到 displayNames 仅用于调试目的，但问题是我正在使用另一个名为 jsxToString 的库，当它转换为字符串时实际上读取 displayName 并改为写入。

Answer 1

您可以将其设置为您想要的任何名称，但如果您希望保留您的名称，则需要在将其传递给injectSheet 之后设置组件名称​​。请注意，最新版本的react-jss（我认为是 10.0.1+）将附加可能已经满足您需求的原始显示名称。