文章目录前言Q1State 和 Local 选哪个代码实现Q2子组件怎么接收父组件传的值核心代码Q3子想改父的数据怎么办完整示例Q4多个组件共享同一份数据怎么搞代码解析Q5数组 push 后界面不更新Q6Local 和 Param 能同时用吗Q7深层对象改属性不刷新Q8状态变量能是函数吗常见误区小白必踩完整可运行示例用 State 切换标签页实现拆解写在最后前言状态管理是 ArkUI 里问得最多、也最容易把人搞晕的部分。我收集了平时带新人时他们问得最勤的 8 个问题挨个用大白话答掉。你看完基本能覆盖日常 80% 的场景。说明一下下面示例混用 V1State和 V2Local/Param。新项目建议直接用 V2但老代码里State还在都得认得。Q1State 和 Local 选哪个答新项目无脑选LocalV2。它观察更细、性能更好深层对象改字段也能自动刷新。老项目维护才用State。代码实现// V2 写法推荐Localcount:number0// V1 写法兼容老代码Statecount:number0Q2子组件怎么接收父组件传的值答V2 用Param。它是只读入参父改子跟着变但子不能直接改它要改得用Event回调。核心代码EntryComponentV2struct Parent{Localname:string小明build(){Column(){Child({name:this.name})// 传参Button(改名).onClick(()this.name小红)}}}ComponentV2struct Child{Paramname:string// 接收父改子自动更新build(){Text(你好this.name)}}Q3子想改父的数据怎么办答V2 用Event让父传一个回调函数进来子调用它去改父的状态。完整示例ComponentV2struct Child{Paramcount:number0EventonCountChange:(n:number)void(){}build(){Button(子组件加一).onClick(()this.onCountChange(this.count1))}}// 父Child count{this.n} onCountChange{(v) this.n v} /Q4多个组件共享同一份数据怎么搞答用Provider提供方和Consumer消费方不用一层层传。代码解析EntryComponentV2struct Root{Provider(theme)theme:stringdarkbuild(){ChildA()}}ComponentV2struct ChildA{Consumer(theme)theme:string// 直接用不用父传build(){Text(this.theme)}}Q5数组 push 后界面不更新答V2 里用Local正常赋值一般没问题如果卡住确认你改的是状态变量本身而不是普通变量。必要时重新赋值触发this.list [...this.list, newItem]。Q6Local 和 Param 能同时用吗答能而且常见。父用Local持有Param传给子显示子想改就配Event。这是 V2 的标准父子通信三件套。Q7深层对象改属性不刷新答这正是 V2 比 V1 强的地方——V2 的Local原生支持深层监听。V1 要ObservedObjectLink才行的能迁 V2 就迁。Q8状态变量能是函数吗答不能。状态装饰器只能修饰数据number/string/对象/数组等不能修饰函数。函数本来也不需要驱动 UI。常见误区小白必踩误区说明把Param当可写状态直接改Param是只读入参子组件里赋值会编译报错——这正是强制你走正确的数据流。数组push后不更新确认改的是状态变量本身必要时重新赋值this.list [...this.list, x]触发。V1 里State套对象不刷深层能迁 V2 就迁深层属性变更 V2 原生支持。下面这段代码可以直接复制到 DevEco Studio 里运行。建议你边读边敲改一改文末「动手改一改」里的参数亲眼看看效果。完整可运行示例用 State 切换标签页把高频疑问「父子怎么共享状态」落到一个可跑的小例子。实现拆解// 父组件持有 State通过属性传给子组件的 ParamEntryComponentstruct Parent{Statetheme:stringlightbuild(){Column({space:16}){Text(当前主题this.theme).fontSize(20)Child({theme:this.theme})// 把状态作为属性传给子组件Button(切换主题).onClick((){this.themethis.themelight?dark:light})}.padding(20)}}Componentstruct Child{Paramtheme:stringlight// 接收父组件传入build(){Text(子组件收到this.theme).fontColor(this.themelight?#333:#FFF).backgroundColor(this.themelight?#FFF:#333).padding(12)}}你会看到什么父组件显示当前主题子组件同步显示并随主题换底色。点「切换主题」父子两处文字和配色一起变——这就是单向数据流State在父Param在子父改子跟着改。动手改一改在Child里尝试直接this.theme dark编译器会报错——Param只读这正是它的设计意图。把Param换成Local再试赋值理解二者的根本区别。用Event让子组件把「切换」动作回传给父做真正的双向控制。写在最后状态管理说穿了就三件事数据放哪Local、怎么传下去Param、怎么往回改Event再多组件共享就上Provider/Consumer。把这四样记牢你就能应付绝大多数页面了。建议把 Q2、Q3 的例子在 DevEco 里跑一遍点按钮看父子数据怎么联动——状态通信的手感就是这么练出来的。
