React的一些语法

组件

//组件声明
PascalCase()

JSX

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

//组件调用
//单标签
<PascalCase />
//双标签
<PascalCase></PascalCase>
//元素内容
{ JS表达式 }
//属性名(注意:aria-*和data-*保持原样)
camelCase
//属性值为JS字符串字面量
'JS字符串字面量' 或 "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日
    06150
  • 开启JavaScript语言的严格模式

    要对一个脚本文件内的所有内容开启严格模式,只需要在脚本文件内的顶部添加 “use strict” 或 ‘use strict’ 即可。 要单独对一个函数体内的所有内容开启严格模式,只需要在函数体内的顶部添加 “use strict” 或 ‘use strict’ 即可。 注意:JavaScript 模块内的所有内容自动…

    JavaScript经验 2023年12月12日
    07050
  • Node.js代码的三种运行方式

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

    JavaScript经验 2023年2月23日
    09400

发表回复

登录后才能评论