发布订阅模式

最新推荐文章于 2024-05-07 23:11:20 发布

天不生我鹤暮辞

最新推荐文章于 2024-05-07 23:11:20 发布

阅读量37

点赞数

文章标签： javascript 前端 react.js

本文链接：https://blog.csdn.net/userning/article/details/129288159

版权

import React from "react";

// 发布订阅
const login = {
    list: {},
    // 发布
    publish(key) {
        console.log('a', this.list[key]);
        this.list[key].map(dt => {
            dt()
        })
    },
    // 订阅
    ding(key, value) {
        if (!this.list[key]) {
            this.list[key] = []
        }
        this.list[key].push(value)
    }
}

// 张波
function Xx() {
    function abc() {
        console.log('abc');
    }
    function xxx() {
        console.log('xxx');
    }
    // 订阅
    login.ding('pt', abc)
    login.ding('pt', xxx)
}

Xx()
export default function Issue(props) {

    const zhang = () => {
        // 发布
        login.publish('pt')
    }
    return (
        <div>
            <button onClick={zhang}>发布</button>
        </div>
    )
}