摘要: 1.订阅发布模式进行兄弟组件通信的案例 1.构建一个调度中心 var bus = { list: [], //订阅 subscribe(callback) { this.list.push(callback) console.log(this.list) }, //发布 publish(name, 阅读全文
posted @ 2023-11-08 10:42 SadicZhou 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 1.订阅发布模式的定义 订阅发布模式简单来说就是订阅者进行订阅,发布者进行发布,发布者发布时会通过调度中心通知到每一个订阅者。订阅者根据发布的内容选择是否进行对应的操作。 2.实现一个最简单的订阅发布 订阅发布模式的核心就是调度中心。一个最简单的调度中心里面应该具有三个要素 订阅方法,发布方法,回调 阅读全文
posted @ 2023-11-08 10:27 SadicZhou 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 1.状态提升(中间人模式)的定义 React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件 上.在父组件上改变这个状态然后通过props分发给子组件。 2.状态提升的使用 简单讲解一下下面的代码,下面模拟了一个电影列表和详情页面。 进行通信的是列表的item和详情组件。 可 阅读全文
posted @ 2023-11-08 10:10 SadicZhou 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 在React中子组件给父组件传参通过回调函数来进行。 父组件给子组件传递一个回调函数作为属性。 子组件在需要传递参数的地方调用父组件传递的回调函数即可。 import React, { Component } from 'react' class Navbar extends Component { 阅读全文
posted @ 2023-11-08 09:54 SadicZhou 阅读(29) 评论(0) 推荐(0) 编辑