react 非父子组件传参方式
2024-10-22 04:50:00
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>
最新文章
- vs 2015 连接不上tfs 错误代码:TF31002
- SIFT中的尺度空间和传统图像金字塔
- C# 图片超过指定大小将压缩到指定大小不失真
- hbase blocksize设置,与hdfs关系
- C#语言基础02
- linux驱动系列之makefile
- count()与sum()
- Python Tutorial 学习(二)--Using the Python Interpreter
- android基于XMPP的消息推送机制
- RFS的web自动化验收测试——第14讲 万能的evaluate
- NSURLConnection从入门到放弃
- MySQL 日期类型函数及使用
- django----Form提交按钮
- 【BZOJ】3123: [Sdoi2013]森林
- Gtk 窗口,控件,设置(添加图片等)
- .Net ASP.NET 打开指定文件夹
- mysql导入source注意点
- ElasticSearch(七):ElasticSearch集群的搭建
- UVA 562(01背包)
- 【[JLOI2013]卡牌游戏】