该视频仅会员有权观看
立即开通课程「React.js 前端应用开发实践」权限。
- 创建一个名为
post edit的新文件和组件，放入s r c post edit目录。
- 新组件
pushed edit与之前创建的p o s t t t t相似，复制其内容至pushed edit。
- 导入
use state、use effect和a p i h t b client。
- 在
post rolt文件中添加新路由，路径为post/:postId/edit，并设post edit为其元素。
- 在
post index文件顶部导入edis icon，位置为up icon es/edit.s v g。
- 在内容列表项下添加编辑小图标和
link组件，链接路径设置为/post/:itemId/edit。
- 将链接内容设置为
img元素，其src指向编辑内容，alt属性设为编辑内容。
- 在浏览器中测试，通过点击编辑小图标打开内容编辑页面
post edit组件。
- 页面地址格式为
/post/:id/edit。
- 将页面标题、创建内容函数改名为
edit post，以反映内容编辑功能。
- 更改提交按钮的事件处理器为
edis post按钮，按钮文字更新为“更新”。
上一节
在 React 应用里请求接口发布内容（实现）
下一节
在 React 应用里请求接口编辑内容（实现）
