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

相关推荐

  • npm exec和npx的区别

    从以上两者的使用方式上,我们很容易可以看出,npm exec 命令后面的内容与 npx 命令后面的内容相同,npx 就是 npm exec 的简写,但在解决包方面还是有一些区别的,如下所示: npm exec 可以使用双连字符(–)标志(flag)来抑制作为选项的包的解决,以达到与 npx 一样的功能。 npx

    JavaScript经验 2021年7月24日
    01.7K0
  • nodejs -v与node -v的区别

    笔者在使用 Node.js 的时候发现有 nodejs -v 和 node -v 两个命令,经过一番测试后,总结如下: 如果从 Ubuntu 操作系统官方源里面安装的 Node.js,命令用 nodejs -v,例如: 如果从 Ubuntu 操作系统以外的第三方源(包括snap) 或者 通过 n、node-build、…

    JavaScript经验 2020年9月12日
    04.1K0
  • Node.js代码的三种运行方式

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

    JavaScript经验 2023年2月23日
    09810

发表回复

登录后才能评论