react demo:人员表实现笔记

1.功能概览

1. 人员基本信息列表展示
2. 人员录入及删除
3. 人员详细信息查看
4. 人员信息编辑
5. 根据人员身份筛选
6. 根据人员属性排序
7. 根据人员姓名、年龄、身份、性别关键字进行搜索

2.划分UI component

界面模块划分如下：

组件名称和介绍：

1. ManageSystem    最外层容器，容纳整个应用
2. StaffHeader    负责接受用户检索，筛选，排序操作
3. StaffItem    负责展示一条人员基本信息
4. StaffPannel    负责展示所有基于用户操作结果的条目
5. StaffFooter    负责新人员的添加
6. StaffDetail    负责展示和编辑人员详细信息

框架结构：

ManageSystem

    Sta