如何在自定义jsx标记(又称为React组件)上启用className自动完成功能?

Nea*_*VDV 2 reactjs visual-studio-code

我是vscode的新手,但是我已经设置了我需要的所有东西。还缺少的一件事是className自定义jsx标记上的属性的自动完成功能(也称为react components)。在自定义标签上,它根本不建议任何内容。

我尝试搜索可以执行此操作的任何扩展程序,但找不到任何扩展程序,我在这里缺少什么吗?

trk*_*lan 6

据我所知,没有办法在自定义反应标签的自动完成列表中显示反应属性。

但是有一种方法可以通过添加一个点并键入您的类名称,然后单击Tab来快速添加className属性。这将使用给定的class属性创建自定义标签。

 演示:将react class属性添加到自定义jsx标签

为此,您需要配置Emmet扩展(它是内置扩展)

将这些行添加到VS Code用户设置(或工作区设置)文件中:

"emmet.triggerExpansionOnTab": true,

"emmet.includeLanguages": { "javascript": "javascriptreact" }

VS Code网站上的官方文档

VS Code Github相关问题