代码改变世界

react 评论列表插入评论数据 unshift

2016-09-13 17:38  路途遥远,Go~  阅读(720)  评论(0编辑  收藏  举报
// unshift 新增数据放到最上面

//插入 回复/发表 评论
else if(action.type === INSERT_COMMENT ){

let content = action.text;
let senderName = action.replyName;
let index = action.index;
let isReplyComment = action.isReplyComment;
const oldCommentList = state.commentList;
console.log(444,oldCommentList)

//主评论数据
if( !isReplyComment){
const newComment = {
senderName: senderName,
content: content,
createdTimeStr: '2013',
id: '777',
likeCount: '0',
replyCount: '0',
repliedCommentList: [],
};
oldCommentList.unshift(newComment);

console.log(444,oldCommentList)
return {
...state,
commentList: oldCommentList,
};
}
//子评论数据
else {
let newList = oldCommentList[index].repliedCommentList;
console.log(555,newList);

const newChildComment = {
commentList: '',
sender: 'receiverName',
receiverName: senderName,
content: content,
createdTimeStr: '2016',
id: '888',
likeCount: '0',
replyCount: '0',
};
//oldCommentList[index].repliedCommentList.unshift(newChildComment);
newList.unshift(newChildComment);
console.log(555,newList, 666, senderName,oldCommentList);
return {
...state,
commentList: oldCommentList,
}
}
}