React组件通信 的几种方式-- 格式化文档

通信方式有几种情况：

1.父 传 子

2.子 传 父

3.父  传  孙|玄孙

4.陌生人 传递

 

1.父 传 子

父

<son  title="传给儿子"/>

子

const son = (props) => {

return ( <h1> { props.title}</h1>)

}

export default son

 

2.子 传 父

子

const son = (props) =>{

return ( <button onClick = { porps.callback('给父亲') }>点击</button>

}

export default son

父

<son callback = { this.callback.bind(this) />

callback(msg) {

console.log(msg);

}

 

3.父 传 孙

跨度比较大。制定一个公共的对象， 所有人都可以来 存，取  数据 。

父

getChildContext() {

return {

color:"red",

callback: this.callback.bind(this)

}

}

 

callback(msg) {

console.log(msg);

}

 

子

const sub = (props) => {

return ( <SonSon/>);

}

export default sub;

孙