组件可以将UI切分成一些独立的、可复用的部件，这样你就只需专注于构建每一个单独的部件。
UI=user interface
用户界面的每一个操作，都可以是一个组件，把功能拆的越来越小，出错的几率就会变得越来越小，同时利于维护，那一块功能需要修改，就修改那一块。
组件从概念上看就像是函数，它可以接收任意的输入值（称之为“props”），并返回一个需要在页面上展示的React元素。
函数定义/类定义组件
function方式：
function Hello(props){
return <h1>Hello, {props.name}</h1>;
}
class语法糖方式：
class Hello extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
使用组件：
const element = <Hello name="Sara" />;
const element = <Hello {{name:"Sara"}}/>;
