本文介绍在 VS Code 中解决 React JSX 语法支持不完整的问题。即使安装了 ES7 React/Redux/GraphQL/React-Native snippets 插件，若未正确配置语言关联，仍可能出现代码片段失效或语法高亮异常。通过修改 includeLanguages 设置，将 javascriptreact 映射至 JavaScript 文件类型，即可完美启用 JSX 相关功能。
问题描述
在开发过程中，即便已经安装了 ES7 React/Redux/GraphQL/React-Native snippets 插件，部分用户反馈该插件并不能完全支持 JSX 语法的代码片段与高亮显示。
基于此现象，参考相关技术博客后，找到了具体的解决方案。
解决方法
首先打开 VS Code 的设置界面（Settings），在搜索框中输入 includeLanguages 进行查找。
搜索结果中会显示当前已配置的语言映射列表。例如，图中可能包含之前为支持微信 WXML 语法而配置的 HTML Emmet 设置。
在列表中找到添加新项的入口，输入 key 为 javascript，value 为 javascriptreact。
保存该配置项后，即可生效。此时在设置界面中可以看到新增的 "javascript": "javascriptreact" 映射，这与参考博客中的建议写法一致。
以上就是 React-vscode 使用 jsx 语法的问题及解决方法的详细内容，更多关于 React-vscode jsx 语法的资料请关注本站其它相关文章！