iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 16
0
Modern Web

Zero to hero with React.js系列 第 16

【Day 16 React】React Flux 架構—— Store Event

  • 分享至 

  • xImage
  •  

上一篇文章介紹了 Flux 的基礎,今天就讓我們用 To-do app 來更深入了解 Flux 架構的運作原理吧~~~~~~

Store Change

每一次的 store 發生改變,意味著某個 method 被觸發,並產生了與原本視圖層不同的結果。

stores 資料夾下的 TodoStore.js
創建 creaTodo(),透過 .push() 把輸入的 to-do 事項存取到陣列中

  createTodo(text) {
    const id = Date.now();

    this.todos.push({
      id,
      text,
      complete: false,
    });

    this.emit("change");
  }

emit() 方法,用來觸發事件,它的参數是事件的名稱

未完待補。。。


上一篇
【Day15 React】React Flux 架構介紹
下一篇
【Day17 React】Flux to-do text
系列文
Zero to hero with React.js30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言