该视频仅会员有权观看
立即开通课程「Next.js 前端应用开发实践」权限。
- 一个新的hook文件被创建在项目的"up create"目录中，命名为"hook到tes"。
- 在该文件中定义了一个名为"use create post"的函数型hook。
- Hook包含两个数据结构：带有
useState的title和setTitle（初始值为空字符串）、content和setContent（同样初始值为空字符串）。
- 定义了一个异步方法
create post来创建内容，该方法会检查title和content是否有值。
- 若有值，使用
api http client进行POST请求，设置请求方法、请求头（Content-Type: application/json），并将title和content封装在请求体中。
- 如果响应状态是201（创建成功），解析响应体以获取插入的ID（重新命名为
postID）。
- 控制台输出
postID，然后使用setTitle和setContent重置这些值为空字符串。
use create post返回一个对象，包含title、setContent以及create post方法。
