web-react
基础知识
高级知识
源码知识
阅读资料
Github
web-react
react 学习笔记
基础知识
高级知识
源码知识
阅读资料
Github
React 的工程化流程
大纲
开发工具
创建项目
webpack 配置
环境配置
UI框架
页面布局
单页应用
多页应用
配置模板
编码技巧
接口联调
项目优化
构建部署
React 功能模块
大纲
项目配置
项目脚手架
页面布局
权限管理
菜单匹配
消息通知
多语言支持
八.图表
服务端渲染
上传下载
React 17.x 全家桶
大纲
create-react-app
React(生命周期)
React(组件间通信)
React(类组件)
React(函数组件)
React(hooks)
React-router
React-redux
Ant-design
1.父组件向子组件通信
1.1 props
1.2 实例方法
2.子组件向父组件通信
2.1 回调函数
2.2 事件冒泡
3.平级组件通信
3.1 父组件
4.任意组件通信
4.1 观察者模式
4.2 全局变量
4.3 Context
React(组件间通信)
前言
1.父组件向子组件通信
1.1 props
1.2 实例方法
父组件通过 props 向子组件传递数据
2.子组件向父组件通信
2.1 回调函数
2.2 事件冒泡
父组件接收到的数据:
子组件按钮
父组件通过 props 向子组件传递函数,子组件通过函数传递数据给父组件,父组件通过函数回调拿到子组件数据
3.平级组件通信
3.1 父组件
context
层层传递 props
4.任意组件通信
4.1 观察者模式
4.2 全局变量
4.3 Context
通过共同父组件传递数据
全局发布订阅模式