组件子页面获取父页面参数_react组件通信

react组件之间的通信，其实就是通过一个props建立彼此之间的桥梁，而我们最常用的就是父子传值，子父传值，以及兄弟之间传值；

---

1、父组件给子组件传值；

父组件给子组件传值相对比较简单，如果想让他们俩之间有所联系，想传递父组件的数据，那么我们就在父级组件中的子组件标签上定义一个属性，而属性的值就是我们要传递的数据，例如：

父组件：

(Child就是子组件，注意开头字母大写，而data就是我们定义要传递数据的名字，如果能传递过去，而我们不想要这个死的数据，我们也可以写一些动态改变的数据，例如：this.state.dataList)

子组件：react传值，本身有一个props这个方法，而我们就可以通过这个方法获取到父组件给子组件的值，例如：

console.log(this.props)

通过console打印出来，我们就会发现这个props里面就会有一个data方法，而这个data方法的值就是父组件给子组件传递的值；所以我们就可以通过this.props.data