react-using-callbacks-to-pass-information-lab-rcdd_202104_tur_fe...

使用回调进行响应以传递信息代码 目标 练习使用状态，道具和事件 练习使用回调来实现组件树上下的变化 介绍 在React过来，道具是用来传递信息下来组件树，从父母到孩子。 为了以相反的方向传播信息，我们可以使用回调函数，这些回调函数也作为道具从父组件传递到子组件。 但是，由于这些功能是在父级中定义的，因此，如果从子级组件调用它们，它们仍将处于该上下文中。 这使得回调至一个比调用它不同的组件所拥有。 回调一旦被调用，就可以在拥有它的组件中进行更改，而不是在调用它的组件中进行更改。 对于此代码，我们将通过创建一个完全由React组件和数据组成的交互式“像素”绘图应用程序来探索这一概念。 我们将使用三个组件，形成一个有两个孩子的父母： └── Matrix ├── ColorSelector └── Cell (x625) 我们想要实现以下行为： ColorSelector