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,
    }
    }
    }
  • 相关阅读:
    Qt QString to char*
    数组和指针的异同
    QTableWidget的使用和美工总结
    static——第一次执行与它以后执行时结果不一样
    电子签名技术之疑惑
    三十六 多进程
    三十五 序列化
    vs 单元测试
    三十四 操作文件和目录
    三十三 StringIO和BytesIO
  • 原文地址:https://www.cnblogs.com/y-lin/p/5869235.html
Copyright © 2011-2022 走看看