組件可以將UI切分成一些獨(dú)立的苗踪、可復(fù)用的部件鲸睛，這樣你就只需專注于構(gòu)建每一個(gè)單獨(dú)的部件昨寞。
UI=user interface
用戶界面的每一個(gè)操作，都可以是一個(gè)組件括袒，把功能拆的越來越小次兆，出錯(cuò)的幾率就會(huì)變得越來越小，同時(shí)利于維護(hù)锹锰，那一塊功能需要修改芥炭，就修改那一塊漓库。
組件從概念上看就像是函數(shù)，它可以接收任意的輸入值（稱之為“props”）园蝠，并返回一個(gè)需要在頁(yè)面上展示的React元素渺蒿。
函數(shù)定義/類定義組件
function方式：
function Hello(props){
return <h1>Hello, {props.name}</h1>;
}
class語(yǔ)法糖方式：
class Hello extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
使用組件：
const element = <Hello name="Sara" />;
const element = <Hello {{name:"Sara"}}/>;
