通信是发送者通过某种媒体以某种格式来传递信息到收信者以达致某个目的（摘至维基百科）。

前两天为了练习react，自己写了如下一个Demo，功能很简单，展示学生成绩列表，支持按性别和姓名筛选。效果如下：

从上面的效果图，我们也可以看到如下的组件树结构：

StudentScoreTable有三个子组件：GenderFilter, NameFilter, ScoreTable。其中，ScoreTable又包含若干个子组件ScoreItem。从功能上，我们知道：

1. 当选择性别后，要对ScoreItem做筛选
2. 当输入姓名后，要对ScoreItem做筛选
3. 当同时选择性别，输入姓名，两个筛选条件对ScoreItem生效
4. 点击某ScoreItem的删除按钮后，删除此ScoreItem

也就是说：

1. 当GenderFilter发生改变（change）时，ScoreItem要能感知到这个变化并做出相应反馈（进行筛选）
2. 当NameFilter发生改变时，ScoreItem也要能感知这个变化并做出相应反馈
3. 当某ScoreItem删除后，可能StudentScoreTable, GenderFilter, NameFilter要做出相应反馈，即以后筛选，少了一个ScoreItem

下面是我的第一版本实现