発送は即座にコンポーネントを更新しません

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; 

EDIT私は状態変化をトリガーする必要があると思っていますか？

Answer 1

あなたはどちらかを呼び出すSETSTATEによってレンダリングまたはforceUpdate

を使用してレンダリングを強制的にトリガする必要があります再描画データにコンポーネントが格納データを読み取るためのforceUpdateが推奨されていないことに注意してください、正しい方法はにありますデータを状態にコピーし、レンダリング機能でthis.stateから読み取ります。

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