zoukankan      html  css  js  c++  java
  • react 评论列表插入评论数据 unshift

    // 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,
    }
    }
    }
  • 相关阅读:
    原单,尾货的科普贴
    c code
    考试
    一个笔试题
    注意自己的聊天内容可能招致被拐卖儿童
    酷壳网陈皓:开发者实用学习资源汇总[转]
    性格测试
    最实用的心理调节技巧,让你的情感细胞提升一下吧!
    Makefile教程
    Extjs中的迭代
  • 原文地址:https://www.cnblogs.com/y-lin/p/5869235.html
Copyright © 2011-2022 走看看