【React】案例：B站评论

目录

一、核心功能实现

二、id处理和时间处理

三、清空内容并重新聚焦

---

一、核心功能实现

        1.获取评论内容：表单受控绑定

        2.点击发布按钮发布评论

二、id处理和时间处理

1.rpid要求一个唯一的随机数id -uuid库

        npm install uuid

        使用方法：import {v4 as uuidV4} from 'uuid'

                          uuidV4() 

2.ctime要求以当前时间为标准,生成固定格式-dayjs

        npm install dayjs

        使用方法：import { Dayjs } from "dayjs";

                           dayjs().format()

三、清空内容并重新聚焦

1. 清空内容-把控制input框的value状态设置为空串

2. 重新聚焦-useRef拿到input的dom元素,调用focus方法