组合Components
创建Boxes组件
Boxes组件中包含一系列Box组件。
从上往下传递数据
通过this.props属性可以从上到下传递数据。
传递子节点
通过this.props.children属性传递子节点
从下往上调用函数
注意：每个组件的this.state只能在组件内部修改，不能在其他组件内修改。
每个维护的数据仅能保存在一个this.state中
- 不要直接修改
this.state的值，因为setState函数可能会将修改覆盖掉。
创建App组件
包含：
- 导航栏组件
Boxes组件
注意：
- 要将多个组件共用的数据存放到最近公共祖先的
this.state中。
无状态函数组件
- 当组件中没有用到
this.state时，可以简写为无状态的函数组件。 - 函数的传入参数为
props对象
组件的生命周期
Mount周期，执行顺序：constructor() -> render() -> componentDidMount()Update周期，执行顺序：render() -> componentDidUpdate()Unmount周期，执行顺序：componentWillUnmount()