Действия Alt, не вызывающие методы alt store при отправке (Flux)

Question

Недавно я начал переписывать приложение flux & реагировать, используя alt.js, который позволяет мне легко загружать приложение с данными при рендеринге с сервера.

Все остальное прекрасно работает, за исключением того факта, что я не могу заставить свои методы магазина срабатывать, когда действие отправлено на стороне клиента.

Действие updateCurrentPostType вызывается из onClick событие в одном из моих реагирующих компонентов. После выполнения некоторых тестов я могу подтвердить, что и мои Action, и callback запускаются, но магазин, похоже, ничего не получает.

Я пытался использовать методы bindListeners & bindAction в конструкторе магазинов, но все еще безрезультатно.

Я знаю, что это не очень большой вопрос, но я надеюсь, что кто-то с немного большим опытом использования alt сможет увидеть, пропускаю ли я что-нибудь жизненно важное.

"alt": "^ 0.14.5"

Вот мой код Спасибо за ваше время.

PostTypeLink.jsx (компонент React, действие вызывается в методе loadPostType)

"use strict";

var React = require('react');
var Router = require('react-router');
var PostTypeActions = require('../../../actions/postTypeActions');

var PostTypeLink = React.createClass({

    contextTypes: {
        router: React.PropTypes.func
    },

    getInitialState: function() {
        return this.props.postType;
    },

    loadPostType: function(e) {
        e.preventDefault();

        var self = this;
        var postTypeName = this.props.postType.info.posttype_name;

        PostTypeActions.updateCurrentPostType(postTypeName, function() {

            self.context.router.transitionTo('/admin/content/'+postTypeName);
        });
    },

    render: function() {
        var postTypeName = this.props.postType.info.posttype_name;

        return (
            <li key={this.props.key}>
                <a href="#" onClick={this.loadPostType}>
                    <i className="fa fa-book fa-fw"></i> {_.startCase(postTypeName)}
                </a>
            </li>
        );
    }
});

module.exports = PostTypeLink;

PostTypeActions.js

"use strict";

var alt = require('../alt');
var request = require('superagent');

class PostTypeActions {

    loadAllPostTypes(cb) {
        var self = this;

        request
        .get('/api/v1/posttypes')
        .end(function(err, res) {
            if (err) {
                console.log('Request Failed: '+err);
            } else {
                var response = JSON.parse(res.text);

                self.actions.updatePostTypes(response);

                if (cb) {
                    cb();
                }
            }
        });
    }

    updatePostTypes(postTypes){
        this.dispatch(postTypes);
    }

    updateCurrentPostType(postTypeName, cb){
        console.log('updating current post type');
        this.dispatch(postTypeName);

        if (cb) {
            cb();
        }
    }
}

module.exports = alt.createActions(PostTypeActions);

PostTypeStore.js

"use strict";

var alt = require('../alt');
var PostTypeActions = require('../actions/PostTypeActions');

class PostTypeStore {

    constructor() {
        var self = this;

        this.bindListeners({
            updatePostTypes: PostTypeActions.updatePostTypes,
            updateCurrentPostType: PostTypeActions.updateCurrentPostType
        });

        this.on('init', function() {
            self.postTypes = [];
            self.currentPostType = null;
        });
    }

    updatePostTypes(postTypes) {
        this.postTypes = postTypes;
        this.emitChange();
    }

    updateCurrentPostType(postTypeName) {
        var self = this,
            _postTypes = this.postTypes;

        for (var i = 0; i < _postTypes.length; i++) {
            if ( _postTypes[i].info.posttype_name == postTypeName ) {
                console.log(_postTypes[i]);
                self.currentPostType = _postTypes[i];
                self.emitChange();
            }
        }
        console.log('THIS METHOD WONT FIRE!!!!');
        console.log(self.currentPostType);
    }
}

module.exports = alt.createStore(PostTypeStore, 'PostTypeStore');

Answer 1

Вы должны фактически требовать, чтобы Store где-то был скомпилирован в код и чтобы он начал слушать действия. Просто создать магазин недостаточно. Простого требования этого PostTypeLink.jsx выше должно быть достаточно.