【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方法