Question

我有一些用 TypeScript 编写的 React 组件，其中包含 CSS 类的字符串属性。例如：

定义

optiontransferselect.js

用法

function MyComponent({css}:{css:string}) {
    // use css string...
}

有没有办法告诉 WebStorm <MyComponent css="text-blue-100 flex flex-row"/> 字段应该被解释为 CSS 而不是任意字符串，以便我可以为该字段自动完成工作（就像我可以在标准 HTML 标签中一样)？

Answer 1

这很hacky ..但似乎有效。效果如何：很可能不如 HTML 标签中的原生 class 属性。

操作中的代码示例（纯 HTML 文件，如果有任何区别）：

实际的注入规则。这个想法是为了欺骗 IDE，它在这里是一个 class 属性......所以我们注入带有前缀和后缀位的 HTML：

Answer 2

不幸的是没有办法；我可以建议的唯一解决方法是将 JQuery-CSS 语言注入您的属性：

但请注意，您随后需要输入一个点来查看类的完成情况 - 注入此语言后，类应以点开头，否则建议使用 HTML 标签：