logo

该视频仅会员有权观看

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

¥
199
/ 年
  • 页面上的app header组件需要重构。
  • 打开项目中的app header组件,修改其视图,移除点击事件、多余的style属性和切换主题小图标。
  • 删除登录退出按钮并剪切组件视图。
  • 完全移除原组件,创建新的函数类型组件命名为app header,并粘贴剪切的内容。
  • 清除不必要的导入,引入名为account icon的小图标,位置是up account account的SVG。
  • 修改组件视图,复制添加内容元素,设置地址为斜线,更换log in图标为account icon,并将out属性值设为用户登录。
  • 在浏览器中测试新组件,确保点击账户小图标可以打开用户登录页面。