調度不立即更新組件

Question

供參考我正在關注this教程。我的試用版應用程序是用戶管理工具。其中目前顯示的是下面的用戶列表是商店代碼。它成功地使用dispatcher.dispatch({type: "CREATE_USER", name: "Andrew"})將用戶添加到列表中。然而，直到我點擊一條路線，它纔會更新。

import { EventEmitter } from "events"; 

    import dispatcher from "../Dispatcher"; 

    class UserManagement extends EventEmitter{ 
     constructor(){ 
      super(); 
      this.users = 
       [ 
       { 
        id: 1234, 
        name: 'Anton', 
        email: 'escalante.anton@outlook.com' 
       }, 
       { 
        id: 12345, 
        name: 'Bacon', 
        email: 'bacon@me.com' 
       } 
       ]; 
     } 
     getAll(){ 
      return this.users; 
     } 
     createUser(name){ 
      const id = Date.now(); 
      this.users.push({ 
       id, 
       name, 
       email: 'default@email.com' 
      }); 
      this.emit("change"); 
     } 

     handleActions(action){ 
      switch(action.type){ 
       case "CREATE_USER":{ 
        this.createUser(action.name); 
        break; 
       } 
      } 
     } 
    } 
    const userobj = new UserManagement; 
    dispatcher.register(userobj.handleActions.bind(userobj)); 
    window.dispatcher = dispatcher; 

    export default userobj; 

編輯我想我需要觸發的狀態變化？

Answer 1

重新呈現這些數據，您應該觸發通過調用的setState渲染或使用forceUpdate

注意forceUpdate是不推薦，正確的爲您的組件來讀取存儲數據是方式迫使渲染將數據複製到狀態並從渲染函數的this.state中讀取。

http://blog.andrewray.me/flux-for-stupid-people/