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事件处理程序(又称为事件监听器)详解

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

    JavaScript经验 2023年5月11日
    08560
  • 使用CSS的三种方式

    1.内联(Inline)方式 内联(Inline)方式,又称为行内方式。往往用于单个元素。 2.内部(Internal)方式 往往用于单个网页。 3.外部(External)方式 往往用于所有网页。 4.优先级 当同时存在多种使用 CSS 的方式时,如果为相同的选择器(元素)定义了相同的 CSS 属性名,则优先级如下:…

    JavaScript经验 2023年10月10日
    06620
  • JavaScript语言的解构(Destructuring)语法

    可迭代对象解构是按位置的,而对象字面量解构是按命名的。 注意:解构语法是并行的。 1.可迭代对象解构 1.1用于变量赋值 左侧的变量还支持占位语法。 注意:左侧不是稀疏数组语法,是占位语法。 1.2用于函数形参 具体参考“用于变量赋值”章节。 2.对象字面量解构 2.1用于变量赋值 2.2用于函数形参 具体参考“用于变…

    JavaScript经验 2025年4月3日
    01070

发表回复

登录后才能评论