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

Question

尝试让decorator语法适用于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 提供了相同的反应组件。