React组件介绍
React中，组件是可分为函数组件和类组件，不管哪种方式定义的组件，其组件名都必须是大写
React_Component.png
大小写区别
组件大小写是为了区别通过HTML标签定义的JSX，大写的组件在定义时，其type会是React.Component类型，若是将组件名写成了小写，则定义时会将其当作HTML标签定义进行，以下是实例，一个大写的Simple，一个小写simple
Inked小写的组件_LI.jpg
//小写的组件定义后type是"simple"
class simple extends React.Component {
render() {
return (
<h1>Simple test</h1>
)
}
}
console.log(<simple />);
大写的组件.png
//大写的组件定义后一个函数，该函数的prototype是Component
class Simple extends React.Component {
render() {
return (
<h1>Simple test</h1>
)
}
}
console.log(<Simple />);
网友评论