Состояние null в компоненте

Question

У меня возникла проблема с созданием компонента с использованием реакции и martyjs. Я уверен, что это опечатка или что-то еще, но я просто не могу ее найти. Хотя у меня есть состояние mixin в компоненте, состояние не заполняется, и не похоже, что getState даже вызывается в mixin.

Mixin.es6

var StateMixin = Marty.createStateMixin({ 
    listenTo: VideoStore, 
    getState: function() { 
    return { 
     items: VideoStore.list(), 
     currentItem: VideoStore.select(), 
    } 
    } 
}); 

State.es6

var VideoStore = Marty.createStore({ 
    displayName: "Store", 
    handlers: { 
    list: Events.List, 
    render: Events.Render 
    }, 
    getInitialState: function(){ 
    return { }; 
    }, 
    list: function(){ 
    return this.fetch({ 
     id: 'list', 
     locally: function(){ 
     if(this.hasAlreadyFetched('list')) 
      return this.state.items; 
     }, 
     remotely: function(){ 
     return DissolveStateSource.list(); 
     } 
    }); 
    }, 
    select: function(){}, 
    render: function(){} 
}); 

Component.es6

$(()=> 
React.render(
    <VideosTable/>, 
    $("#container")[0] 
)); 

var VideosTable = React.createClass(
{ 
    mixins: StateMixin, 
    render: function() { 
    var body = this.state.list.when({ //state is null here 
     pending: function(){ 
     return <span className="ball"></span>; 
     }, 
     failed: function(error){ 
     return <div className="error">error.message</div>; 
     }, 
     done: function(videos){ 
     return <div>Videos</div>; 
     } 
    }); 

    return <h2>hello</h2>; 
    } 
}); 

Любая идея, что я делаю неправильно?

Edit: Я добавил JS бен вещь здесь

http://jsbin.com/lekegicumo/2/edit?html,js,console,output

Answer 1

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

Answer 2

Выглядит как опечатка в Mixin.es6 мне.

Изменить getStategetInitialState.

Кроме того, в Component.es6:

Изменение mixins: StateMixin к mixins: [StateMixin].

Answer 3

являются пользуешься реагируют v0.1.13.0

это новый способ первоначального свое состояние с помощью «конструкт»

constructor(props) { 
    super(props); 
    this.state = {count: props.initialCount}; 
    } 

https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html