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

Question

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

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

CSSModules(Table, styles)

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

@CSSModules(styles)

export default class extends React.Component {}

似乎没有实例化，也没有抛出任何错误。我已经加载了 babel-plugin-syntax-decorators。

我可能会错过什么？谢谢！！

Answer 1

我也无法使用该语法。似乎 react-scripts 使用了一些 babel 插件来运行打字稿，而那个插件并不是很多打字稿。因此，如果您将 react-scripts 与 typescript 一起使用，请考虑它不是“完整”的 typescript，并且有些东西无法正常工作。

另外，您可以考虑使用 patch-styles 代替 react-css-modules。它更简单，根本不需要对您的项目进行任何更改，PatchStyles 提供了相同的功能，但反应组件更简单。