React,redux中的UI组件和容器组件和无状态组件

简单来说,UI组件负责用来渲染页面,容器组件负责用来传递数据。

UI组件:外号傻瓜组件,只负责渲染页面,没有逻辑功能。

容器组件:外号聪明组件,负责处理业务逻辑,向UI组件传递参数。

无状态组件:它就是一个函数,React中,一般来讲,函数式编程的效率远远高于class类编程。类的那种定义方式,要执行一些生命周期函数,花费的代价更高。一个普通组件的性能,远远不及无状态组件。

命名为TodoListUI,又称为傻瓜组件,不需要写复杂的逻辑,只负责视图的展示。采用函数式写法的组件,性能比较强大。

UI组件

命名为TodoList,又称为聪明组件,通过传递参数的方式来渲染组件,里面有业务逻辑,整合了redux

容器组件

引入UI组件之后,可以传递方法,传递参数,关于Redux的使用方法,下面会有一章专门描述。

你可能感兴趣的:(React,redux中的UI组件和容器组件和无状态组件)