练习:跟着一个按钮走
- 打开项目页面,用 Elements 选中一个按钮。
- 在仓库搜索按钮文字,找到对应组件。
- 看
onClick绑定哪个函数,记下函数名。 - 搜索函数定义,逐行看它修改 state、调用 store 还是调用
fetch。 - 如果有 fetch,记下 URL 和方法,到后端搜索同一个 URL。
- 读后端收到什么、检查什么、调用什么、返回什么。
- 回到前端,看响应最后怎样改变页面。
没有 fetch 时不要硬找后端。它可能只是改 UI 或 localStorage。可用 manga_studio 新建项目 对照练习。
搜索不到按钮文字时,可以继续找什么?
答案:找 Elements 中的 aria-label、组件名、图标名,或从页面入口沿组件树往下。