標籤:
// 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,
}
}
}
react 評論列表插入評論資料 unshift