React 评论功能(三级评论)实现 (Hooks+node)

本文介绍了如何使用React Hooks和Node.js实现三级评论功能。内容包括评论的分类,数据库设计,以及如何查找并渲染评论。在数据库设计中,一级评论包含文章ID,而二三级评论通过回复的评论ID关联。通过递归查询获取所有评论数据,然后在前端进行渲染。文章鼓励读者在评论区提出意见和建议。
摘要由CSDN通过智能技术生成

写在前面:以下解释写法只是个人理解,本人目前并没有实际工作经验,所以难免会有很多不足的地方,有任何的错误瑕疵,希望大家花点时间可以在评论区指出,共同进步。谢谢!(●'◡'●)(●'◡'●)

查找并渲染

评论的分类

这里我们根据展示的评论信息不同将评论分成了三类 如上图所示

数据库设计

首先是一级评论里面必定存放有当前文章的ID,然后因为二三级评论是跟随一级评论走的(也就是一级评论的子评论)所以二三级评论里就不需要存放文章ID,只需要存放回复的是哪条评论的评论ID就可以了。

即为两种:

一级评论:

  • 文章ID(ArticleID)有 
  • 评论ID(ComID) 无 值为:null

二三级评论:

  • 文章ID(ArticleID)无 值为:null 
  • 评论ID(ComID) 有

这样我们在进行数据库查找的时候只需要将文章ID传进去 找出所有的一级评论后 根据每条一级评论的ID再查找出所有的二评论,以此类推再找出三级评论即可。(循环/递归)

即:

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值