首页 > Windows开发 > 详细

reactApi学习之组件命名

时间:2019-10-17 18:06:54      阅读:62      评论:0      收藏:0      [点我收藏+]

1、 组件名称必须以大写字母开头。

技术分享图片

React 会将以小写字母开头的组件视为原生 DOM 标签。例如,<div /> 代表 HTML 的 div 标签,而 <Welcome /> 则代表一个组件,并且需在作用域内使用 Welcome

2、小驼峰命名来定义属性

技术分享图片

因为 JSX 语法上更接近 JavaScript 而不是 HTML,所以 React DOM 使用 camelCase(小驼峰命名)来定义属性的名称,而不使用 HTML 属性名称的命名约定。

例如,JSX 里的 class 变成了 className,而 tabindex 则变为 tabIndex

3、建议从组件自身的角度命名 props,而不是依赖于调用组件的上下文命名。

reactApi学习之组件命名

原文:https://www.cnblogs.com/meek/p/11693693.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!