reactjs - 带有装饰器的 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，并且有些东西无法正常工作。

此外，您可以考虑使用补丁样式而不是 react-css-modules。它更简单，根本不需要对您的项目进行任何更改，并PatchStyles提供了相同的功能和更简单的反应组件。