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

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

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

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

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

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

UI组件

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

容器组件

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容