React的一些语法

组件

//组件声明
function PascalCase() {
}

JSX

//HTML标签
//单标签
<lowercase />
//双标签
<lowercase></lowercase>

//组件调用
//单标签
<PascalCase />
//双标签
<PascalCase></PascalCase>
//元素内容
{ JS表达式 }
//属性名(注意:aria-*和data-*保持原样)
camelCase
//属性值
"JS字符串字面量"

//属性值为JS表达式
{ JS表达式 }

//属性值为事件处理程序
//注意:函数名后无圆括号,因为传递的是函数定义而非函数调用。
{ handleEventName }

原创文章,作者:huoxiaoqiang,如若转载,请注明出处:https://www.huoxiaoqiang.com/experience/javascriptexp/27475.html

(0)
huoxiaoqiang的头像huoxiaoqiang
上一篇 2023年6月3日 02:09
下一篇 2023年7月17日 12:04

相关推荐

  • HTML文件路径

    绝对路径 描述 <img src=”https://www.example.com/picture.jpg”> 在 https://www.example.com/ 绝对路径下 相对路径 描述 <img src=”picture.jpg”> 在包含<img>元素的 HTML 文件的所在目录下 <…

    JavaScript经验 2023年10月11日
    07310
  • Node.js代码的两种运行方式

    1.文件方式 hello.js 文件代码清单: 启动终端,使用 cd 命令,切换到存放 hello.js 文件的目录。执行以下命令: 2.交互方式 node -i 可简写为 node。

    JavaScript经验 2023年2月23日
    01.4K0
  • JavaScript语言的成员名

    支持类的成员:静态字段、静态访问器属性、静态方法、实例字段、实例访问器属性、实例方法。 支持对象字面量的成员:数据属性、访问器属性、方法。 成员名的类型只可以为 字符串类型(包括空字符串) 或者 符号类型。 注意:此处成员名用于“成员声明”的时候,而不是“访问成员”的时候。 实际上,比较两个成员名是否相等采用的是相等 …

    JavaScript经验 2025年4月3日
    01170

发表回复

登录后才能评论