react-components

用途：该技能聚焦现代 React 组件写法，帮助开发者按函数组件与 Hooks 模式组织代码，并用 TypeScript 标注类型，提升可维护性。主要能力：一是函数组件优先，示范用 useState、useEffect、useCallback 管理状态、副作用与回调，并用接口（如 UserProps）约束 props；二是自定义 Hook，把可复用的异步逻辑抽成 useAsync，统一返回 loading、error、data 状态，便于在多个组件间复用；三是组件组合，推荐用组合而非层层透传 props，示例为 Card 搭配 Card.Header、Card.Body、Card.Footer 及 Button 等子组件结构。使用方式：资料以代码示例形式呈现，涉及 fetchUser、updateUser 等未给出实现的函数，以及 User、UserData、AsyncState 等未定义类型，需按项目实际情况补齐；依赖数组（如 [userId]、deps）用于控制副作用与异步请求的重跑时机。适用场景：新建或重构 React 项目中的展示组件、数据加载组件与可复用逻辑封装。限制：资料未提供安装命令、版本要求、构建工具配置、测试方式或授权与收费信息；示例中部分返回的 JSX 在原文里为空，故不据此补充界面内容；具体 API 细节请以 React 官方文档与实际项目约定为准。