摘要: 目的:主要通过该案例学习观察者模式 基于观察者模式来解决组件通信 一个组件订阅消息 一个组件发布消息 在组件中订阅消息,消息的回调函数可以接收数据,可以访问组件实例对象 所以可以用接收的数据更新组件的状态实现通信,这种基于状态实现通信的方案就是reflux的实现 观察者模式只是用来发布消息的框架,不 阅读全文
posted @ 2022-03-15 20:44 HaoyuSun 阅读(443) 评论(0) 推荐(0)
摘要: redux基于flux思想实现的框架,实现了单一数据源, 数据单向流动等特征 redux 组成 components 组件视图 actions 组件或用户发送的消息 store 存储数据 reduers 捕获消息,处理消息 通信流程 1.一个组件发布一个action 2.action通过store被 阅读全文
posted @ 2022-03-15 19:42 HaoyuSun 阅读(443) 评论(0) 推荐(0)
摘要: 为函数组件拓展功能 函数组件没有继承组件基类,不具有组件的行为 为了函数组件具有这些行为,使用hook方法对函数组件做拓展 1.使用状态数据 let [数据, 修改数据的方法(新的状态 数据)] = useState(默认数据值); 在函数组件中,用”修改数据方法“ 修改数据 函数组件进入存在期,更 阅读全文
posted @ 2022-03-15 11:56 HaoyuSun 阅读(69) 评论(0) 推荐(0)
摘要: ref转发:组件外部访问组件内部元素 一.方式:1.ref字符串:内部组件通过this.ref获取对应元素 2.通过createRef创建ref对象的current属性获取对应元素(推荐) 二.使用: ref指向虚拟DOM,获取真实DOM ref指向组件,获取组件实例化对象, 二者只能指向一个 第一 阅读全文
posted @ 2022-03-15 09:56 HaoyuSun 阅读(522) 评论(0) 推荐(0)