reactApi学习之组件命名

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

reactApi学习之组件命名

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

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

reactApi学习之组件命名

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

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

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

上一篇:JSX语法规则


下一篇:react-阶段4-模块1