React Native + Flux，无响应调度程序

我正在构建我的第一个反应原生应用程序。我习惯于使用Flux MVC模式来构建React应用程序。我（正确地）将Flux集成到我的React Native项目中，但调度程序上的register函数似乎完全没有响应。React Native + Flux，无响应调度程序

Actions.js

import AppConstants from '../constants'; 
import AppDispatcher from '../dispatcher'; 

export default { 
    setUser (user) { 
     AppDispatcher.dispatch({ 
      actionType: AppConstants.SET_USER, 
      user: user 
     }) 
    } 
}

Store.js

import AppDispatcher from '../dispatcher'; 
import AppConstants from '../constants'; 
import assign from 'object-assign'; 
import { EventEmitter } from 'events'; 

const CHANGE_EVENT = 'change'; 

const AppStore = assign({}, EventEmitter.prototype, { 

    emitChange() { 
     this.emit(CHANGE_EVENT); 
    }, 

    addChangeListener (callback) { 
     this.on(CHANGE_EVENT, callback); 
    }, 

    removeChangeListener (callback) { 
     this.removeListener(CHANGE_EVENT, callback); 
    }, 

    dispatcherIndex: register(function (action) { 
     console.log(action); // <-- No response 
    }) 

}); 

export default AppStore;

Dispatcher.js

import { Dispatcher } from 'flux'; 
module.exports = new Dispatcher();

我甚至尝试重写Dispatcher.js文件，以便dispatch和register函数是硬编码的。我收到dispatch()的响应，但从未从register()得到响应。

Dispatcher2.js

import { Dispatcher } from 'flux'; 

const flux = new Dispatcher(); 

export function register (callback) { 
    console.log('event!'); 
    return flux.register(callback); 
} 

export function dispatch (action) { 
    console.log(action); 
    flux.dispatch(action); 
}

来源

2016-10-02 leaksterrr

通过这个文档。我不知道你的代码，但这样我们也可以使用flux。 http://fluxxor.com/。这非常简单易用。如果这对您的问题有帮助，请接受答案。

来源

2016-10-07 04:51:04

React Native + Flux，无响应调度程序

回答

相关问题