规则&约定
- 组件命名必须以大写字母开头
- 制定这个规则的原因
- 区分内置组件和用户自定义的组件
- 首字母大写的组件在定义时它的type会是React.Compontent类型,而小写字母开头的组件会被视为原生的DOM标签,type为’simple’
- 我们写的react组件使用的都是JSX语法,需要编译后在浏览器上运行,使用JSX创建元素时,会触发组件内部的
React.cteateElement()
- 如果是以小写字母开头的,会被React当作HTML内置组件(比如
<div>
或者<span>
会生成相应的字符串'div'
或者'span'
传递给React.createElement
(作为参数)),这样会无法正常解析自定义组件内部的其他标签 - 大写字母开头的元素则对应着在 JavaScript 引入或自定义的组件,如
<Foo />
会编译为React.createElement(Foo)
- 如果是以小写字母开头的,会被React当作HTML内置组件(比如