Visual Studio 代码 React 无法识别 html答案

【问题标题】：visual studio code React does not recognize htmlVisual Studio 代码 React 无法识别 html
【发布时间】：2019-04-11 21:54:24
【问题描述】：

如您所见，HTML 内容并不丰富，并且无法自动完成 HTML 标签

【问题讨论】：

Have you tried this?

标签： html reactjs visual-studio-code

【解决方案1】：

有两种方法可以做到这一点。

1) 您可以手动将语法设置为“Javascript React”。

点击屏幕右下角的“Javascript”：

然后只需输入“react”并选择它。之后，您应该对渲染函数中的 html 部分进行自动完成。

2) 您可以指示 VSCode 始终以“javascriptreact”的形式打开 .js 文件。为此，请转到您的设置并将files.associations 复制到您的本地设置。确保它看起来像这样并保存：

"files.associations": { "*.js": "javascriptreact" }

请注意：当您打开 .js 文件时，这将始终将语法设置为“javascriptreact”，并且可能并不总是您想要的。更好的解决方案是通常将反应文件命名为myfile.jsx。这样vscode会自动将语法设置为“javascriptreact”。

希望这会有所帮助。

【讨论】：

【解决方案2】：

将文件保存为 .jsx 即 (App.jsx) 而不是 .js

这是因为您将文件保存为 .js 即 App.js.JavaScript 文件无法理解 HTML 标记。

另一种选择是您可以保存在 (.js) 中，但您的 web 包应该配置为将其转换为 .jsx。做参考这个 - https://github.com/facebook/create-react-app

【讨论】：

【解决方案3】：

React 只理解 javascript xml。

【讨论】：