logo

该视频仅会员有权观看

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

¥
199
/ 年
  • 对poll smith item组件的data属性进行编辑,取出ID,并用link组件包装标题内容。
  • 设置link组件的href属性值为内容页面地址,显示'/post'并追加内容ID。
  • 在内容列表页面,点击标题将打开内容页面。
  • 在post service文件中定义了一个叫get post by id的异步函数,这个函数接受string或number类型的post id参数,使用fetch请求特定地址并返回响应。
  • 在post组件中使用get post by id函数,传入props的post id,并解构得到title和content。
  • 修改组件视图显示title,并在浏览器中预览,页面会展示内容的标题和正文。
  • 修改页面标题,在head组件中使用异步函数,并将请求内容数据的代码粘贴进去,创建一个配置title模板包含内容title和app name,在浏览器中观察,页面标题会显示内容标题。