jsx语法规则

简介: jsx语法规则

jsx语法规则:

  1.定义虚拟DOM时,不要写冒号
    2.标签中混入JS表达式时要用{}
    3.样式的类名指定不要用class,要用className。
    4.内联样式,要用 style={{key:value}}的形式去写。有的需要以小驼峰式写,例如:font-size需要写成 fontSize
    5.只能有一个跟标签。
    6.标签必须闭合。
    7.标签首字母:
      (1). 若小写字母开头,则将该标签转换为HTML中同名元素,若HTML中无该标签对应的同名元素,则报错。
      (2). 若大写字母开头,react就去渲染对应的组件。若组件未定义,则报错。
目录
相关文章
|
7月前
|
前端开发 JavaScript
jsx的语法规则
jsx的语法规则
|
JavaScript 前端开发
在JSX中书写JS代码
在JSX中书写JS代码
在JSX中书写JS代码
|
4月前
|
XML 前端开发 JavaScript
JSX是什么
【8月更文挑战第28天】JSX是什么
147 63
|
3月前
|
XML 前端开发 JavaScript
JSX 语法详解
【9月更文挑战第2天】本文详细介绍了React框架中核心组件JSX的基本概念与高级用法,包括基本语法、条件与列表渲染等。并通过具体示例讲解了如何避免常见的错误,如忘记闭合标签、未使用`key`属性及属性名大小写问题,帮助读者更好地理解和运用JSX,提升React应用程序的开发质量。
68 4
|
6月前
|
前端开发 JavaScript
JSX 中带有大括号的 JavaScript
JSX 中带有大括号的 JavaScript
|
6月前
|
前端开发 JavaScript 安全
使用 JSX 书写标签语言
使用 JSX 书写标签语言
|
XML JavaScript 前端开发
react总结之jsx是什么,jsx语法规则
react总结之jsx是什么,jsx语法规则
|
7月前
|
XML 前端开发 JavaScript
jsx的语法规则?
jsx的语法规则?
|
7月前
|
前端开发 JavaScript
【React学习】—jsx语法规则(三)
【React学习】—jsx语法规则(三)