logo

该视频仅会员有权观看

立即开通课程「Next.js 前端应用开发实践」权限。

¥
199
/ 年

准备编辑内容需要的数据与方法(useEditPost)

  • 创建一个新文件名为hook到t e s,放在up post[i d edit]目录下。
  • 导出一个名为use edit post的hook,它接收一个字符串类型的post id参数。
  • 在hook内部,使用useState初始化两个数据结构:titlesetContent,默认值为空字符串。
  • 使用useRotornext navigation包中获取路由器(rotor)的功能。
  • 利用useEffect来显示编辑页面的内容,它依赖于post id
  • 使用get post by id函数获取帖子数据,并使用setTitlesetContent设置标题和内容。
  • 定义edit post方法来编辑内容。先检查title是否有值,如果有,则发送PATCH请求到API,包含帖子的标题和内容。
  • 如果响应状态码为200,使用路由器rotor push导航到帖子页面。
  • Hook返回包含titlesetContentcontentedit post方法的对象。