UI组件和容器组件的拆分及react中的无状态组件

一：UI组件与容器组件的拆分

组件的渲染部分和逻辑部分都在一个文件中，组件的维护会比较困难，所以将组件进行拆分，
UI组件专门做渲染，容器组件来处理逻辑。
1.UI组件：渲染

2、容器组件：关注业务逻辑，功能实现。通过属性传值的方式传递给子UI组件值和方法。

二：无状态组件

定义：当一个组件只有一个render()函数的时候（即UI组件），可将当前class组件改造为函数组件，即无状态组件。性能会比class组件高，因为它就是一个函数。函数的执行比class执行的更快。

当一个组件只负责页面渲染的时候，没有任何逻辑操作时，可以改造为无状态组件。