組件中的狀態爲null

Question

我在使用react和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>; 
    } 
}); 

任何想法，我做錯了嗎？

編輯：我這裏補充

一個js箱東西http://jsbin.com/lekegicumo/2/edit?html,js,console,output

Answer 1

問題最終導致JavaScript文件包含的順序不正確。交換一些解決問題。

Answer 2

貌似Mixin.es6給我一個錯字。

更改getState至getInitialState。

此外，在Component.es6：

變化mixins: StateMixin到mixins: [StateMixin]。

Answer 3

是U使用反應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