fitten code 可自动化生成符合 react 最佳实践的高阶组件：支持自然语言描述需求、自动创建函数式 hoc、透传 props、添加 proptypes 提示，并提供手动导入与装饰器两种注入方式。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想在 React 项目里快速生成一个可用的高阶组件（HOC），但又不想从零手写函数签名、props 透传、生命周期兼容这些细节——Fitten Code 正好能帮你把这段重复劳动自动化。
确认本地开发环境已就绪
确保你的项目是基于 Create React App 或 Vite 创建的，且已安装 Node.js ≥18.0。Fitten Code 不依赖特定构建工具，但需要项目根目录下存在 package.json 文件。
运行 npx fitten-code --version 检查是否已全局安装 Fitten Code CLI；若提示 command not found，则执行 npm install -g fitten-code 安装。
【必须先完成这一步】 否则后续所有生成命令都会报错退出，且不会自动补装依赖。
用自然语言描述需求并触发生成
在项目根目录打开终端，输入以下命令：
fitten-code "创建一个高阶组件，接收 WrappedComponent 参数，返回一个新组件，该组件在渲染时包裹一层 div，并将全部 props 透传给子组件"
命令执行后，Fitten Code 会自动分析语义，调用模型生成符合 React 最佳实践的代码。它默认使用函数式 HOC 写法（非 class），并自动添加 PropTypes 类型提示（若项目已启用 prop-types）。
生成结果会直接输出到控制台，同时自动保存为 src/hoc/withWrapper.jsx（路径可自定义，首次运行未指定时按此默认）。
选择注入方式：手动导入 or 装饰器语法
方法一：普通函数调用方式
在目标组件文件顶部添加 import：import withWrapper from '../hoc/withWrapper';
本文档主要讲述的是React Native For Android 源码编译；希望对大家会有帮助；感兴趣的朋友可以过来看看
导出时包装原组件：export default withWrapper(MyComponent);
方法二：装饰器语法（需项目已配置 Babel 支持）
确认项目中已安装 @babel/plugin-proposal-decorators 并在 babel.config.js 中启用；若未配置，Fitten Code 会在生成结果末尾给出三行配置代码，复制粘贴即可。
在组件类声明上方添加装饰器：@withWrapper
注意：装饰器写法仅适用于类组件，函数组件需改用 const Enhanced = withWrapper(MyFunctionComponent) 方式。
验证生成代码是否可运行
第一步：检查生成文件中是否包含 return
第二步：在浏览器中刷新页面，打开 React DevTools → Components 面板，观察组件树中是否出现两层嵌套结构（如 WithWrapper → MyComponent）。
第三步：在 MyComponent 内部打印 console.log(this.props)（类组件）或 console.log(props)（函数组件），确认接收到的 props 与父组件传递的一致。
若 DevTools 中只看到一层组件，说明 HOC 未生效，大概率是 export/default 导入导出链断裂，此时回到上一步检查路径和命名是否完全匹配。
