跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 撸了个 hook 来实现组件间 state 共享
未分類
30 4 月 2020

撸了个 hook 来实现组件间 state 共享

撸了个 hook 来实现组件间 state 共享

資深大佬 : nekocode 47

最近刚接触 react 没多久,参考了 flutter 里的一些实现撸了个轻量级的轮子来实现组件间 state 共享:

GitHub 仓库

特点:

  • 轻量级,比 redux 简单,可以在库工程里使用
  • 体积小,不足 1kb
  • 最小范围的重新渲染。例如下图 b 和 e 共享 state,当 state 值变化时只重新渲染 b 和 e:
  a +-+-+ | | | b c d     |     e 
  • 允许在 state 值指定字段发生变化时才重新渲染组件:
// 获取共享的 state,且在 age 字段发生变化时才更新被 hook 的组件 const state= useSharedState<User>(UserContext, (current, prev) => current?.age !== prev?.age); 

大佬有話說 (1)

  • 資深大佬 : vicvinc

    m k

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具