React 单项数据流
React是单项数据流，数据流主要从父节点传递到子节点（通过props）
如果顶层（父级）的某个props改变了，React会重渲染所有的子节点
Props：
props是property的缩写，可以理解为HTML标签的attribute。
不可以使用this.props直接修改props，因为props是只读的，props是用于整个组件树中传递数据和配置。
在当前组件访问props，使用this.props。
State：
每个组件都有属于自己的state，state和props的区别在于前者(state)只存在于组件内部，只能从当前组件调用this.setState修改state值（不可以直接修改this.state！）。
一般我们更新子组件都是通过改变state值，将state值通过属性传递给子组件，子组件的获取props值从而达到更新。
函数式编程
- 函数式编程让我们的代码更清晰，每个功能都是一个函数。
- 函数式编程为我们的代码测试代理了极大的方便，更容易实现前端自动化测试。