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就去渲染对应的组件。若组件未定义,则报错。
目录
相关文章
|
10月前
|
前端开发 JavaScript
jsx的语法规则
jsx的语法规则
|
6月前
|
XML 前端开发 JavaScript
JSX 语法详解
【9月更文挑战第2天】本文详细介绍了React框架中核心组件JSX的基本概念与高级用法,包括基本语法、条件与列表渲染等。并通过具体示例讲解了如何避免常见的错误,如忘记闭合标签、未使用`key`属性及属性名大小写问题,帮助读者更好地理解和运用JSX,提升React应用程序的开发质量。
88 4
|
9月前
|
前端开发 JavaScript
JSX 中带有大括号的 JavaScript
JSX 中带有大括号的 JavaScript
|
XML JavaScript 前端开发
react总结之jsx是什么,jsx语法规则
react总结之jsx是什么,jsx语法规则
|
10月前
|
XML 前端开发 JavaScript
jsx的语法规则?
jsx的语法规则?
|
10月前
|
前端开发 JavaScript
【React学习】—jsx语法规则(三)
【React学习】—jsx语法规则(三)
|
JavaScript 前端开发 小程序
JavaScript丨条件语句
这应该是`JavaScript`系列教程的第五期了,本期讲讲基础知识之条件语句,也是项目中常用的。比如有个挺火的小程序,今天吃什么?其实基本上就是列举了很多的食物,然后使用随机数或者使用条件语句来给你选择其中一个出来。
JavaScript丨条件语句
|
前端开发 JavaScript
JSX语法入门
JSX语法入门
62 0
|
JavaScript 前端开发 索引
StencilJs 学习之 JSX
Stencil 组件使用 JSX` 渲染,这是一种流行的声明式模板语法。每个组件都有一个渲染函数,它返回在运行时渲染到 DOM 的组件树。
93 0