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日 12:14
下一篇 2023年7月17日 12:04

相关推荐

  • JavaScript语言的属性简写

    在对象字面量创建对象方式中,当属性名和代表属性值的变量名相同时,可以省略属性名以及紧跟在属性名后面的冒号,只使用变量名。 注意:类没有属性简写语法。 当对象字面量作为函数的返回值时,也支持属性简写。

    JavaScript经验 2025年4月3日
    0730
  • JavaScript事件处理程序(又称为事件监听器)详解

    1.概念 负责处理或响应事件而调用的函数称为 事件处理程序(又称为 事件监听器)。 概念 示例 事件类型(又称为 事件名称) “click” 事件目标 <button> 事件处理程序属性名 onclick 事件处理程序(又称为 事件监听器) myFunction() 事件对象 event 2.HTML事件处…

    JavaScript经验 2023年5月11日
    07490
  • JavaScript语言的成员名

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

    JavaScript经验 2025年4月3日
    0670

发表回复

登录后才能评论