笔者在开发过程中遇到了这种情况,突然jsx语法就报错了,而且上方的switch JSX也无法选择,后来把webstrom卸载重新安装和把配置文件删了都不起任何作用,可是别的项目还是支持JSX语法的,所以我就想到应该是当前的这个项目文件出了问题。于是我就找到了原因:
无法Switch JSX的原因:
因为我用webstrom把src目录单独打开过一次于是生成了一个.idea文件夹。把src目录的.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-18 22:49:12
                            
                                1129阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            简述WebStorm中报错Switch language version to React JSX可能本页面的写法是其他语法。所以可以不用管。测试项目:ant design vue pro前情提示系统:一说 同步更新最新版、完整版请移步PUSDN  Powered By PUSDN - 平行宇宙软件开发者网www.pusdn.com ,转载请标明出处!  部分截图、链接等因过期、更换域名            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-27 10:25:38
                            
                                73阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            简述WebStorm中报错Switch language version to React JSX可能本页面的写法是其他语法。所以可以不用管。测试项目:ant design vue pro前情提示系统:一说 同步更新最新版、完整版请移步PUSDN  Powered By PUSDN - 平行宇宙软件开发者网www.pusdn.com ,转载请标明出处!  部分截图、链接等因过期、更换域名            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-27 10:24:34
                            
                                129阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.ctrl+shitf+u  大小写切换2.ctrl+shitf+L 快速格式化代码3.ctrl+alt+方向左键  快速回到上一层4..ctrl+shitf+E 最近更改的文件5.ctrl+[   或者 ctrl +]   快速到大括号前和后6.ctrl + f12  快速展开文件结构7.ctrl+shitf+鼠标左键&nb            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-26 11:31:39
                            
                                1975阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            使用 JSX,您可以将渲染标记和逻辑放在一起,以保持 html 贴花在每次编辑中彼此同步。在这里,src 和 alt 作为字符串            
                
         
            
            
            
            const element = <h1>Hello world</h1> 为什么使用JSX? React 认为渲染逻辑本质上与其他 UI 逻辑内在耦合 React 通过将标记与逻辑存放在“组件”的松散耦合单元之中来实现关注点分离 在JSX中嵌入表达式 可以在花括号内放置任何有效的js表达式 cons ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-24 11:14:00
                            
                                154阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            # Java Switch语句与美剧的深度结合:一场代码与娱乐的碰撞
在编程领域,Java作为一种广泛应用的编程语言,其语法和特性一直受到开发者的青睐。尤其是Switch语句,这一控制流语句因其简单有效被广泛使用。本文将探讨Java中Switch语句的用法,并通过一系列与美剧相关的示例,帮助大家更好地理解这一特性。同时,我们也会绘制甘特图与类图,揭示Switch语句在项目管理及对象关系中的应用。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-09 04:36:32
                            
                                50阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # IDEA Java Switch快捷键
## 引言
在Java编程中,经常需要使用到条件语句来根据不同的情况执行不同的代码。而在处理多重条件的情况下,使用`switch`语句可以提高代码的可读性和可维护性。然而,当`switch`语句中的分支较多时,手动编写和修改代码会变得繁琐。幸运的是,IntelliJ IDEA提供了一些快捷键和功能,可以帮助开发者更高效地编写和修改`switch`语句            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-29 14:16:48
                            
                                2704阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            react简述-react基础-jsx语法-jsx表达式-jsx动态属性-jsx列表渲染            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-27 13:48:33
                            
                                277阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            从本质上讲,JSX 只是为 React.createElement(component, props, ...children) 函数提供的语法糖。JSX代码: 1 2 3 <MyButton color="blue" shadowSize={2}> Click Me </MyButton> 编译后            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-19 10:57:52
                            
                                73阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            简介JSX是基于 JavaScript + XML 的一个扩展语法。这种语法最先在React中使用。使用1、使用JavaScript表达式,写在花括号{}中2、添加自定义属性用data-前缀踩坑1、由于 JSX 就是 JavaScript,一些标识符像 class 和 for 不建议作为 XML 属性名。作为替代,React DOM 使用 clas            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-07-02 17:44:43
                            
                                66阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            JSX就是在js中写html代码。写在js里边的html标签就是JSJSX语法,JS+HTML或JS+XML的组合。需要react来解析。就必须引入React组件。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-11-26 15:24:26
                            
                                404阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一 jsx 的本质是什么?
jsx是语法糖,需要被编译成js才能运行。
jsx 看似是html 结构,实质是js结构的语法糖,在代码编译阶段被编译成js结构。所以jsx的本质可描述为看似html结构的js结构。
jsx是独立的标准,可被其他项目使用(pReact)
//编译前的jsx
<div>
      <ul className='list'>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-04 11:57:12
                            
                                919阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            0、学习目标能够知道什么是jsx能够使用jsx创建react元素能够在jsx中使用javascript表达式 {}能够使用js            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-13 14:56:09
                            
                                193阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # JSX and JavaScript
## Introduction
JSX (JavaScript XML) is an extension to JavaScript that allows you to write HTML-like code directly in your JavaScript files. It is mainly used in React, a popul            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-09 07:32:40
                            
                                85阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue 中构建虚拟DOM可以直接使用渲染函数构建虚拟Dom,正常情况下用render函数的参数createElement方法构建虚拟Dom的语法比较繁琐,更方便的是用更接近于模板的JSX语法。Vue实例与组件入门 我的vue脚手架是vue cli4,如果在新建项目时安装了babel,则自动安装了编译JSX需要的babel插件babel.config.jsmodule.exports = {
  p            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-11 10:05:17
                            
                                113阅读
                            
                                                                             
                 
                
                                
                    