带有不起作用的装饰器的react-css-modules

Question

尝试让装饰器语法适用于react css模块，如下所示。https://github.com/gajus/react-css-modules#decorator

我已经让react-css模块使用函数语法工作了，例如

CSSModules(Table, styles)

但是当使用装饰器时，例如

@CSSModules(styles)

export default class extends React.Component {}

似乎没有实例化任何东西，也没有抛出任何错误。我已经加载了babel-plugin-语法装饰器。

我能错过什么呢？谢谢！！

Answer 1

我也不能使用这种语法。似乎react-scripts使用了一些babel插件来运行typescript，而这个插件并不是什么typescript。因此，如果你正在使用带有typescript的react脚本，考虑到它不是“完整的”typescript，并且有一些东西不能像你期望的那样工作。

此外，您可以考虑使用patch-styles而不是react-css-modules。它要简单得多，根本不需要在项目中做任何更改，而且PatchStyles提供了更简单的react组件。