一、概念
- 1、组件允许你将UI拆分为独立的可重用的部分，并孤立地考虑每个部分。从概念上讲，组件就像Javascript函数。它接受任意输入（称为‘props’），并返回React元素，该元素描述了屏幕上应该显示什么内容。
- 2、组件就是网页上的一部分
- 3、组件类必须大写字母开头
二、Functional（函数）
定义组件最简单的方式是编写javascript函数：
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
此函数是有效的React组件，因为它接受带有数据的单个‘props’对象参数，并返回React元素。我们把这样的组件称为‘Functional’，因为它们是字面上的Javascript函数。
三、Class Components（类组件）
使用ES6类定义组件：
class Welcome extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
上述两个组件从React的角度来看是等效的。
