React的组件化

所谓组件,即封装起来的具有独立功能的UI部件。React推荐以组件的方式去重新思考UI构成,将UI上每一个功能相对独立的模块定义成组件,然后将小的组件通过组合或者嵌套的方式构成大的组件,最终完成整体UI的构建。

相当于我们的函数封装,把具有某一特定功能的代码块单独拎出来,封装成独立函数,需要使用时就去调用这个函数。这里的React组件是针对UI界面进行封装。同一个Nav可以在多个界面、多类网站使用,各自UI小分块组成整个UI页面。在团队合作中,代码功能更易解读与维护。

React下的组件特征:

1).可组合,即一个组件可以和其他组件一同使用,可并列、可嵌套;

2).可复用,即同一个组件可以在一个页面多次使用,也可在多个页面同时使用;

3).易维护,由于各个组件只完成自己的功能,不需要涉及其他的逻辑业务,代码更易读懂和维护更简单。

posted @ 2017-03-21 17:47  米饭!大米饭  阅读(455)  评论(0编辑  收藏  举报