react 组建件数据传递

父传子：最简单也是最基础的一种数据传递方式

父组件：

图片.png

父组件中调用子组件并将数据放入 datas 中传给子组件，子组件通过 props 进行调用。

子传父：
1、子组件调用父组件的方法：
父组件：

图片.png

子组件：

图片.png

2、ref 形式：
在父组件中调用子组件 CarItem，并命名 ref 属性值为 changeState

图片.png

在父组件中合适的地方触发调用子方法的方法，然后开始与子组件通信，调用子组件中对应的方法。

图片.png

子组件：

图片.png

同级组件数据传递：
1、以父级作为中介进行传递。
2、pub ／sub
A组件：

图片.png

B组件：

图片.png