定义虚拟DOM的时候不要加引号
读取来自变量的数据需要加上大括号
虚拟DOM中的类名不是class而是className
虚拟DOM的内联样式style写法应是{{
内联样式的变量名要使用小驼峰命名
虚拟DOM中只能有一个根标签
标签必须闭合，单标签手动加/
虚拟DOM中的标签首字母
- 若标签的首字母为小写字母，则将其转化为HTML标签对应的标签，没有则报错。
- 若标签的首字母为大写字母，React就去渲染对应的组件，若组件没有定义则报错。
React-04：JSX语法规则
2021-11-13
90
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
React-04：JSX语法规则
目录
相关文章
|
29天前
|
前端开发
JavaScript
开发者
|
8天前
|
前端开发
JavaScript
|
28天前
|
JavaScript
前端开发
vue3中使用jsx报错React is not defined和h is not defined
vue3中使用jsx报错React is not defined和h is not defined
40
0
0
|
29天前
|
XML
前端开发
JavaScript
|
29天前
|
前端开发
JavaScript
安全
React中的JSX：语法与原理深入解析
【4月更文挑战第25天】本文深入解析React中的JSX，一种JavaScript语法扩展，使代码更直观。JSX让开发者以HTML样式描述组件UI，但最终编译成JavaScript。通过Babel转换，JSX标签转为React.createElement()调用，创建虚拟DOM。JSX的优势在于直观性、类型安全、代码复用和工具支持，助力高效开发React组件，适应不断发展的Web应用需求。
20
1
1
|
29天前
|
XML
前端开发
JavaScript
|
29天前
|
前端开发
JavaScript
安全
|
30天前
|
设计模式
前端开发
数据可视化
|
30天前
|
存储
前端开发
JavaScript
|
30天前
|
资源调度
前端开发
JavaScript
热门文章
最新文章
1
开发跨平台app推荐React Native还是flutter？
2
【REACT NATIVE 系列教程之二】创建自定义组件&&导入与使用示例
3
React Native 运行报错 error in opening zip file
4
带你读《React+Redux前端开发实战》之一：React入门
5
前端框架react研究
6
react实战笔记118:strapi的使用3开始运行
7
react实战笔记102:setstate得执行流程1
8
React实战笔记136-创建RTKQ简介2
9
react实战笔记147:useQuery的返回值2
10
ReactNative开发环境的搭建与开发前准备（三）
1
webpack项目篇（六十六）：react 全家桶 和 webpack 开发 h5 商城项目的整体思路
198
2
【Message 全局提示】基于 React 实现 Message 组件
517
3
React 中非受控和受控的组件
188
4
react笔记之学习之添加card组件
132
5
#yyds干货盘点# react笔记之学习之添加card组件
79
6
#yyds干货盘点# react笔记之学习之类组件
91
7
#yyds干货盘点# react笔记之学习之state组件
83
8
#yyds干货盘点# react笔记之学习之修改log组件
90
9
#yyds干货盘点# react笔记之学习之使用组件完成练习
66
10
#yyds干货盘点# 歌谣学前端之react笔记之学习之类组件
79