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

• Z时代
• 2024-01-10
• 分类：综合

// 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 的全部内容， 来源链接： utcz.com/z/384115.html