this.refs.author.getDOMNode is not a function TodoActions.getAll is not a function

Question

var TodoActions = Reflux.createActions([

'contentItem'

]);

var TodoStore = Reflux.createStore({

items:[],

listenables:[TodoActions],

onGetAll:function(){

this.trigger(this.items);

},

onContentItem:function(name,t2,time){

this.items.push({"user":name,"content":t2,"date":time});

this.trigger(this.items);

}

});

var MessItem = React.createClass({

render:function(){

var item = this.props.data;

return(

<p>{item.user}--{item.content}--{item.date}</p>

)

}

});

var CommentList = React.createClass({

mixins:[Reflux.connect(TodoStore,"list")],

getInitialState:function(){

return{list: []};

},

componentDidMount: function () {

       TodoActions.getAll();

    },

clickHandler:function(e){

e.preventDefault();

var author = this.refs.author.getDOMNode().value.trim();

        var content = this.refs.content.getDOMNode().value.trim();

        var date = new Date().toLocaleTimeString();

//      if(!author || !content) return;

//      this.refs.author.getDOMNode().value='';

//      this.refs.content.getDOMNode().value='';

//      TodoActions.contentItem(author,content,date);

TodoStore.onContentItem(author,content,date);

},

render:function(){

return(

<div>

<h1>React评论</h1>

<div>

{this.state.list.map(function(item){

return <MessItem data={item}/>

})}

</div>

<div>

<input ref="author" placeholder="你你你"/>

<br/><br/>

<textarea ref="content"  row="7" placeholder="木子 I miss you "></textarea>

<br/><br/>

<button onClick={this.clickHandler} className="cursor">提交</button>

</div>

</div>

)

}

});

ReactDOM.render(<CommentList />,document.getElementById('container'));