2018-11-05 组件和Props

组件可以将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"}}/>;