使用组件的目的就是通过构建模块化的组件,相互组合组件最后组装成一个复杂的应用。在 React 组件中要包含其他组件作为子组件,只需要把组件当作一个 DOM元素引入就可以了。一个例子:一个显示用户头像的组件 Avatar 包含两个子组件 ProfilePic 显示用户头像和 ProfileLink 显示用户链接:import React from 'react';import { render } from 'react-dom';
介绍组合模式(Composite)将对象组合成树形结构以表示“部分-整体”的层次结构,组合模式使得用户对单个对象和组合对象的使用具有一致性。常见的场景有 asp.net 里的控件机制(即 control 里可以包含子 control,可以递归操作、添加、删除子 control),类似的还有 DOM 的机制,一个 DOM 节点可以包含子节点,不管是父节点还是子节点都有添加、删除、遍历子节点的通用功能。
关注时代Java