C13

事件订阅

手机上可以运行，但建议在电脑上完成代码练习。

编辑器加载中…

预览

点击「运行」在隔离沙箱中预览

任务说明

React 沙箱

把组件接到题目提供的事件中心 hub 上（模块已导出 createHub 与 hub，请勿修改这部分）：挂载时订阅、事件到来时更新计数、频道切换时更换订阅，离开时必须清理。测试通过模块导出的 hub.dispatch({ n: 1 }) 派发事件。起始代码切换频道后旧订阅没有清理，一次事件会被计入多次。

要求

初始显示「频道 A · 已收到 0 条」；dispatch 两次后显示「已收到 2 条」
点「切换频道」变为频道 B，此时 dispatch 一次只增加 1（显示 3 条，而不是 4 条）
再切回频道 A 后 dispatch 一次仍只增加 1（显示 4 条）
订阅与清理用同一个 useEffect 完成：effect 返回的清理函数会取消上一次订阅

R25 副作用清理与生命周期

分层提示

先自己试，再逐层展开。

参考答案

卡住时再看；查看操作会记录下来用于复盘。测试版本 1.0.0

事件订阅

Command Palette

事件订阅