生成React组件代码

说一句组件要做什么，几分钟拿到能直接粘贴运行的React代码。为前端工程师生成可直接运行的React函数组件代码，含useState/useEffect等必要hooks及内联基础样式；不提供部署配置、不替代代码审查，最终由开发者测试确认。

能拿到什么

• 推荐：可直接运行的React组件代码文件 + 组件用法的说明（一个.jsx文件，结构清晰带关键注释，附几行怎么引用的说明），约 3 分钟
• 旗舰：组件代码文件、组件用法示例、TypeScript版本、简单测试用例

要你点选的几项

React版本、运行环境、功能描述、需要哪些功能、代码风格、注释详略、样式方案、怎么给代码、确认生成；AI 只做整理参考，不替代审批，最终由经办部门确认。多数点一下就行，没选的按常见情况替你定，交付时说清哪几项是按默认的。

怎么办

1. 一句话说清组件要做什么
2. 点选版本、运行环境和要的功能
3. 拿到代码文件，自己粘贴运行

别人还这样说

• 生成一个包含useState和useEffect的计数器组件代码，要能直接复制运行。
• 我需要一段React代码，做一个简单的待办事项列表，支持添加和删除。