React学习(一)父子组件通讯

腾博会手机版

2018-03-01 8:46:20

React父子组件之间通讯,利用props和state完成,首先React是单向数据流,父组件可以向子组件传递props;

实现父子组件双向数据流整体的思路是:

1,父组件可以向子组件传递props,props中带有初始化子组件的数据,还有回调函数

2,子组件的state发生变化时,在子组件的事件处理函数中,手动触发父函数传递进来的回调函数,同时时将子组件的数据传递回去

图形表示的话:大概长这样