react 非父子组件传参方式

1.通过父组件当中间人方式，子传父再传子
2.通过发布订阅模式

obj={
list:[],
 sub(callback){
list.push(callback)
},
pub(){
list.foreach((callback)=>{
  callback()

})
}
}

obj.sub(()=>{
console.log(''')

})

obj.pub()

先发布后订阅

3.context通讯

父组件通过包裹
ThemeContext= react.createContext()
<ThemeContext.Provider value={{
theme: themes[themeIndex],
changeTheme: this.changeTheme
}}>

子组件

<ThemeContext.Consumer>
{({theme, changeTheme}) => <button onClick={changeTheme} style={{background: theme.background, color: theme.color}}> It's a button. }
</ThemeContext.Consumer>