react 组件关系梳理

最近在做一个增删改查的类后台管理系统，页面结构和交互比较复杂，权限也有多种。开发周期只有3周，时间是很紧迫的。

项目背景介绍：一个基于网红关于某些品牌活动的帖子分析系统，一个页面Campaign Performance

无数据状态：

Campaign Performance页涉及功能模块：

1）活动筛选

2）活动创建、编辑、删除

3）帖子基本信息创建、编辑、删除

4）帖子数据输入

4）活动列表展示

5）多种空状态（无活动、无帖子、无帖子数据等）

 

思路：

react是单项数据流，所有接口数据从父组件获取，再层层向子组件传递。

目录结构

组件分层思维导图：