背景
frontend/src/components/Toast.jsx 同时导出 React 组件和自定义 Hook useToast。当前 ESLint 因此报告:
Fast refresh only works when a file only exports components
react-refresh/only-export-components
相关文件
frontend/src/components/Toast.jsx
frontend/src/components/Dashboard.jsx
- 可新增
frontend/src/hooks/useToast.js
实现范围
- 将
useToast 移到独立 Hook 模块
- 更新调用方的导入路径
- 保留 Toast 组件和 ToastContainer 的现有职责
- 不改变 Toast 的视觉样式或交互文案
验收标准
难度与提示
这是一个小型模块拆分任务,适合熟悉 React import/export 和自定义 Hook。
背景
frontend/src/components/Toast.jsx同时导出 React 组件和自定义 HookuseToast。当前 ESLint 因此报告:相关文件
frontend/src/components/Toast.jsxfrontend/src/components/Dashboard.jsxfrontend/src/hooks/useToast.js实现范围
useToast移到独立 Hook 模块验收标准
useToast位于独立 Hook 文件Toast.jsx只导出 React 组件react-refresh/only-export-componentsnpm run build通过难度与提示
这是一个小型模块拆分任务,适合熟悉 React import/export 和自定义 Hook。