DevEco Code 让 AI 写 ArkTS,ForEach 漏 key、@State 不刷新、满屏 any:我立了 3 条冷门规矩治它
DevEco Code 这工具我小半年前就开始拿它写鸿蒙越用越觉得它最值钱的那块不是补全是 Build 模式能把描述需求、生成 .ets、编译、推真机一条龙串起来。你对着它说一句新建个登录页它真能把代码写完还顺手帮你 build 出来第一次跑通那个 demo 的时候我确实有点惊着。可你要是放手让它自由发挥写 ArkTS三天里准撞上几个它反复犯的同款错误现实反手就是一巴掌。我头一回信它不信邪让它一口气给我生成整个设置页编译过了跑起来列表乱跳、状态还不更新。我一开始以为是真机抽风折腾半天才反应过来是 AI 写出来的代码本身有问题。那次之后我学乖了凡是要让 AI 写 ArkTS我先在脑子里过一遍它最容易翻车的几个点。后来发现翻来覆去就那三件事干脆固化成规矩每次新工程开头先拍给它。说白了通用大模型写 ArkTS 有先天短板。它训练数据里鸿蒙的样本本来就少又爱把 TypeScript 和 React 的肌肉记忆搬过来。DevEco Code 内置的 arkts-grammar-standards 这类 skill 会拦一部分可真到复杂点的页面该翻车还是翻车。我躺过的坑比你想象的多后来干脆给它立了三条冷门规矩效果比反复改 prompt 强太多。规矩一ForEach 的 keyGenerator 必须显式写死别信 AI 的默认用 index你让 AI给我来个商品列表它十有八九给你这么一段ForEach(this.goods,(item:Goods){ListItem(){Text(item.name)}})这段代码能跑可一旦你做删除、置顶或者后端返回顺序变了列表就开始抽风。明明数据删了界面还留着旧的那条或者点 A 项展开B 项跟着展开。根因是 AI 没传第三个参数 keyGeneratorArkTS 默认拿数组下标当 key数据一变序key 和内容的对应关系就乱套了。我那次的具体场景是做了个置顶功能用户把某个商品拖到最前面数据层 reorder 之后界面却还是老顺序点进去看详情还是旧的那条。我盯着模拟器翻来覆去试了十几分钟才反应过来是 key 在捣鬼。后来给 AI 的规矩就一句话ForEach 第三个参数必须写且用稳定唯一 id绝不能要下标。改完长这样ForEach(this.goods,(item:Goods){ListItem(){Text(item.name).fontSize(16)}},(item:Goods):stringitem.id// 关键稳定唯一 key别用下标)你猜怎么着就这么一行列表错乱从必现变消失。这坑我在三个项目里复现过每次都是 AI 偷懒没写 keyGenerator。说白了就是它图省事反正能编译过它才不管你后面删不删数据。顺带说一句鸿蒙的文档对 keyGenerator 讲得其实挺清楚可 AI 偏偏爱用最省事的写法你不在 prompt 里点名它八成不会主动加。规矩二class 塞进 State光改属性 UI 不刷新得 Observed 加 ObjectLinkAI 特别喜欢这么写Stateitems:CartItem[][]// 某个方法里this.items[0].countthis.items[0].count1它以为改了数组里的对象界面就该跟着变。错。ArkTS 的响应式系统盯的是引用有没有换你拿着老引用改里面的字段它眼里啥也没发生。State 只对赋值这个动作做响应直接改items[0].count属于就地改对象属性框架压根感知不到UI 纹丝不动。我当初还以为是模拟器没刷新手滑点了七八次重启才死心。我承认我一开始也这么写盯着不动的购物车数字愣了五分钟。上周同事还问我ArkTS 是不是状态管理有 bug我跟他说不是 bug是咱写法不对。正确做法给 class 加 Observed子组件用 ObjectLink 接嵌套属性变了才会触发刷新。等一下这里我漏说一个前提Observed 只对 class 生效你要是用 interface 定义数据这套不灵得先把数据结构改成 class 才行。ObservedclassCartItem{count:number1constructor(publicname:string){}}Componentstruct CartRow{ObjectLinkitem:CartItem// 注意这里不是 Statebuild(){Row(){Text(this.item.name)Text(x${this.item.count})}}}// 父组件里Stateitems:CartItem[][newCartItem(键盘)]// 现在改属性就能刷新了this.items[0].count1ObjectLink 拿到的不是副本是父组件那个被 Observed 标记对象的引用所以子组件里改 .count父组件的数组和别的子组件会一起刷新这才是它和 State 最大的区别。这套组合说出来简单AI 默认几乎不会主动用 ObjectLink得你把它写进规矩里它才记得。我后来养成个习惯凡是可能改属性的状态对象一律先想清楚要不要上 Observed。我特别烦那种能编译过就行的敷衍态度上线之后用户看到的数字不对锅还是你背。规矩三ArkTS 强类型别让它用 any 和 as 糊弄给个类型守卫AI 拿不准类型的时候最爱甩any或者直接obj as User硬转。ArkTS 开了严格模式any 直接编译报错as 强转在运行期还可能埋雷。我有次接口把 id 从 string 改成了 numberAI 强转出来的对象我直接取 .name跑起来白屏报错还指向一个八竿子打不着的组件定位花了快一小时。DevEco Code 的语法 skill 理论上会拦可我实测它还是会偷偷塞 as尤其接口返回的数据它懒得判断类型时就来一手强转。我的规矩就一条禁止 any禁止 as拿不准就写类型守卫。比如接口返回的数据要转成 UserinterfaceUser{id:stringname:string}functionisUser(obj:Object):objisUser{// 守卫内部为拿属性做一次受控转型外面绝不直接 rawData as UserconstoobjasRecordstring,Objectreturnidinonameinotypeofo[id]string}// 用的时候if(isUser(rawData)){console.info(拿到用户${rawData.name})}else{console.error(数据结构不对别硬转)}DevEco Code 其实有 arkts-error-fixes 这个 skill编译报红了它会主动给解法可它给的解法经常是“加个 as 让它过去”而不是从类型上根治。所以类型守卫这招我是逼着它用的不是它自愿。你试试让 AI 第一次就写出这个守卫函数十次里有七八次它还是图省事给你as。所以这条规矩我每次新开会话都会先丢过去比事后一个个改红色波浪线省事得多。如果让我重来我第一个鸿蒙项目起就把这三条钉死而不是一个个坑踩过来才总结。三条规矩怎么喂给 AI我现在的习惯是每个新工程第一次对话先把这三句拍给它ForEach 必须带 keyGenerator 且用稳定 idclass 进状态管理要用 Observed 加 ObjectLink禁止 any 和 as用类型守卫。不是塞进系统提示里是作为第一条需求发过去让它这轮就照做。比等它写错再返工舒服太多了。规矩也不是一成不变遇到新坑我会往里加比如后来发现它生成的 Builder 参数也爱乱用 any就补了一条进去。你也在用 DevEco Code 写鸿蒙的话不妨也试试这几条。你遇到过它生成的代码不刷新的情况吗欢迎留言聊聊。顺带一提雷达鸭鸿蒙版那几个列表页最早就被 AI 生成的 ForEach 坑过按上面规矩重写之后才安生。老三10 年以上软件开发经验软件设计师、人工智能应用工程师。平时主要搞鸿蒙应用开发ArkTS 北向和 Web 前端也折腾 AI 自动化。偶尔在 CSDN 写点鸿蒙和 AI 方向的踩坑笔记。本文遵循 MIT 协议转载请注明出处。

相关新闻

AMD Ryzen硬件调试终极指南:如何用SMUDebugTool实现处理器性能的精细掌控

AMD Ryzen硬件调试终极指南:如何用SMUDebugTool实现处理器性能的精细掌控

AMD Ryzen硬件调试终极指南:如何用SMUDebugTool实现处理器性能的精细掌控 【免费下载链接】SMUDebugTool A dedicated tool to help write/read various parameters of Ryzen-based systems, such as manual overclock, SMU, PCI, CPUID, MSR and Power Table. 项…

2026/10/16 5:51:59 阅读更多 →
[Nacos/Docker/MCP] Nacos .x : 为 AI MCP 而生

[Nacos/Docker/MCP] Nacos .x : 为 AI MCP 而生

[Nacos/Docker/MCP] Nacos .x : 为 AI MCP 而生 引言:从微服务到 AI 的桥梁在微服务架构中,Nacos 是服务发现和配置管理的标杆工具。随着 AI 时代的到来,MCP(Model Context Protocol,模型上下文协议)成为连…

2026/10/16 5:52:27 阅读更多 →
tss-react快速入门:10分钟搭建动态样式组件(附Playground实战)

tss-react快速入门:10分钟搭建动态样式组件(附Playground实战)

tss-react快速入门:10分钟搭建动态样式组件(附Playground实战) 【免费下载链接】tss-react ✨ Dynamic CSS-in-TS solution, based on Emotion 项目地址: https://gitcode.com/gh_mirrors/ts/tss-react tss-react是一款基于Emotion的动…

2026/10/16 5:52:30 阅读更多 →

最新新闻

AIX 6.1 小型机高可用部署:Oracle+HACMP 调优避坑指南

AIX 6.1 小型机高可用部署:Oracle+HACMP 调优避坑指南

简介:本资源是一份面向AIX系统工程师与高可用架构实施人员的IBM P740小型机全周期安装配置实战手册,聚焦金融、电信等关键业务场景下的AIX 7.x系统部署与HACMP集群搭建。手册覆盖从基础操作系统安装、IOCP与fullcore性能调优、limit参数(maxp…

2026/10/17 16:36:41 阅读更多 →
DB2异机恢复实战:NetBackup Agent配置与避坑指南

DB2异机恢复实战:NetBackup Agent配置与避坑指南

简介:这份文档面向DB2数据库管理员与备份运维人员,聚焦使用NetBackup实现DB2数据库的异机恢复场景,适合已具备一定DB2运维基础、需要掌握跨主机恢复流程的技术人员参考。资源包内共1个doc文件,压缩包约314KB,内容围绕D…

2026/10/17 16:36:41 阅读更多 →
自制编程语言:从树遍历解释器到字节码虚拟机的完整实现

自制编程语言:从树遍历解释器到字节码虚拟机的完整实现

简介:编译原理是理解编程语言底层机制的核心知识体系,而词法分析、语法分析是构建语言前端的第一道门槛。在实际工程中,开发者既可以借助yacc/lex生成LALR解析表,也可以手写递归下降解析器,两者在错误处理、优先级控制…

2026/10/17 16:36:41 阅读更多 →
一篇文章带你理解Spring AI和Spring AI Alibaba最火技术:从Agent、RAG到MCP的TaoToken统一接入实践

一篇文章带你理解Spring AI和Spring AI Alibaba最火技术:从Agent、RAG到MCP的TaoToken统一接入实践

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/17 16:36:41 阅读更多 →
Linux终端效率实战:快捷键与历史命令的进阶玩法

Linux终端效率实战:快捷键与历史命令的进阶玩法

很多人接触Linux之后,命令背了一堆,但真正用起来总觉得慢半拍。慢在哪?往往不是命令本身不会,而是终端里那些不影响正确性、只影响速度的操作习惯没养起来。尤其是Linux终端快捷键和历史命令这两个东西,很多人以为只是…

2026/10/17 16:36:41 阅读更多 →
PVE8 虚拟机高级参数调优实战:CPU、磁盘、网络与 PCI 直通

PVE8 虚拟机高级参数调优实战:CPU、磁盘、网络与 PCI 直通

简介:这份资源面向在PVE8环境下部署虚拟机的运维人员与开发测试者,聚焦创建虚拟机时的高级参数配置,帮助解决显卡、机型、BIOS、EFI存储、SCSI控制器、磁盘总线与缓存、CPU类别、内存管理及网络配置等选项难以取舍的问题。压缩包共3个文件&am…

2026/10/17 16:35:39 阅读更多 →

日新闻

DeepSeek选型与部署:V3/R1、Ollama、API全攻略

DeepSeek选型与部署:V3/R1、Ollama、API全攻略

简介:《DeepSeek使用方法.pdf》是一份面向DeepSeek入门及进阶用户的完整使用指南,重点围绕V3与R1两款模型的能力差异与适用场景展开,帮助读者根据任务类型与成本选择合适的模型。资源共1个PDF文件,压缩包大小约311KB,篇…

2026/10/17 0:00:25 阅读更多 →
200+Deepseek润色指令拆解:从底层原理到场景落地的完整指南

200+Deepseek润色指令拆解:从底层原理到场景落地的完整指南

简介:这是一份聚焦DeepSeek提示词优化的《200Deepseek润色指令》PDF文档,共收录两百余条可直接套用的润色指令,涵盖语法修正、风格统一、逻辑梳理、表达精炼等维度,并针对商务写作、学术论文、广告文案等场景给出差异化建议。文档…

2026/10/17 0:00:25 阅读更多 →
OpenCV轮廓法物体计数系统:轻量、可控、可落地的工业级实现

OpenCV轮廓法物体计数系统:轻量、可控、可落地的工业级实现

简介:本资源是一份基于OpenCV的本科课程设计完整报告,面向计算机视觉初学者、图像处理学习者及高校通信/信息类专业学生,解决物体智能计数与检测结果结构化记录的实际问题。项目覆盖图像预处理、轮廓检测、边界框绘制、轨迹栏交互式参数调节、…

2026/10/17 0:00:25 阅读更多 →

周新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/16 21:35:51 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/17 1:44:59 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/16 15:04:24 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/16 21:54:38 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/16 3:49:43 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/16 14:23:36 阅读更多 →