基于React开发B站评论系统

今日继续深入学习React框架，尝试利用React技术构建类似B站评论区的功能模块，具体实现效果请参见下图：

在构建类似B站评论区功能的React应用过程中，需重点关注以下几个核心要素，以实现基础评论系统的搭建：

1. 设计组件结构

首要步骤在于构建组件架构，这是实现功能的基础。至少应包含以下几种核心模块：

• CommentList: 用于呈现评论信息的集合。
• Comment: 单条评论的展示模块，涵盖用户名称、评论正文以及时间标记等内容。
• CommentContent: 提供用户输入评论的功能，包括文本输入区域及提交操作按钮。
• User: 表示当前已登录的用户信息。
• TabList: 实现评论排序方式的导航选项列表。

2. 管理状态

通过运用React框架所提供的状态管理机制（例如useState与useReducer等工具），能够有效应对评论数据及表单输入状态的处理需求。具体而言，可设立专门的状态变量用于保存全部评论信息，并配置另一状态变量以控制评论表单中各项输入内容的动态变化。

3. 发送和获取评论

本