Qoder生成的React组件默认不集成Redux，需手动安装redux、react-redux和RTK，创建store并用Provider包裹应用或在组件内使用useSelector/useDispatch接入。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
Qoder生成的React组件默认不集成Redux，需要手动补全Provider包裹、store注入和状态连接逻辑才能接入现有Redux体系。
确认Qoder输出是否含Redux依赖
打开Qoder生成的项目根目录，执行 npm list redux react-redux。若返回 empty 或报错 command not found，说明未安装任何Redux相关包。
这一步必须做，因为Qoder当前版本（v2.4.1）生成器仅内置React基础模板，【不会自动写入redux或react-redux到package.json】。
补全Redux运行环境
在项目根目录终端中依次执行：
npm install redux react-redux → 安装核心库
npm install --save-dev @reduxjs/toolkit → 推荐同步安装RTK（简化reducer/store编写）
若项目已存在 src/store 目录且含 index.js，跳过下一步；否则需手动创建该文件并导出store实例。
将Qoder组件接入Redux数据流
方法一：用Provider包裹整个应用入口
打开 src/index.js 或 src/main.jsx，找到 ReactDOM.createRoot(...).render(...) 调用处。
把原本直接渲染的组件用 <provider store="{store}">...</provider> 包裹起来，例如：
根据项目规范生成 React 和 Vue 组件，包括 TypeScript 类型定义、Ant Design 5 集成、Tailwind CSS 样式及 Vitest 测试文件。当用户提出创建、生成或搭建前端组件的需求时启用，例如：“帮我写一个表格组件”、“生成一个弹窗”、“create a form component”、“写一个列表页”、“生成一个下拉选择器”。该能力在以下任一场景触发：涉及 React/TSX/Vue 组件生成、UI 组件创建，或为组件生成测试文件。
root.render(<provider store="{store}"><app></app></provider>);
注意：store 必须从 src/store/index.js 正确导入，【store变量名必须与import语句一致，大小写敏感】。
方法二：在Qoder生成的单个组件内使用Hooks接入
在组件文件顶部添加：
import { useSelector, useDispatch } from 'react-redux';
在函数体内调用：
const count = useSelector(state => state.counter?.count);
const dispatch = useDispatch();
然后在事件处理中使用 dispatch({ type: 'INCREMENT' }) 触发状态变更。
