this.refs.author.getDOMNode is not a function TodoActions.getAll is
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(
{item.user}--{item.content}--{item.date}
)
}
});
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(
React评论
{this.state.list.map(function(item){
return
})}
提交
)
}
});
ReactDOM.render(,document.getElementById('container')); |
免责声明：本内容仅代表回答会员见解不代表天盟观点，请谨慎对待。
版权声明：作者保留权利，不代表天盟立场。
|
|
|
|
|
|
|
|
天盟APP下载
