鸿蒙eTS组件内的状态管理

1：@State

使用方式：@State count: number = 1

@State状态数据具有以下特征：
支持多种类型：允许class、number、boolean、string强类型的按值和按引用类型。允许这些强类型构成的数组，即Array、Array、Array、Array。不允许object和any。
支持多实例：组件不同实例的内部状态数据独立。内部私有：标记为@State的属性是私有变量，只能在组件内访问。
需要本地初始化：必须为所有@State变量分配初始值，将变量保持未初始化可能导致框架行为未定义。
创建自定义组件时支持通过状态变量名设置初始值：在创建组件实例时，可以通过变量名显式指定@State状态属性的初始值。

@Entry
@Component
struct Page1 {/*1:不允许object和any2:标记为@State的属性是私有变量，只能在组件内访问3:必须为所有@State变量分配初始值，将变量保持未初始化可能导致框架行为未定义。4:创建自定义组件时支持通过状态变量名设置初始值：在创建组件实例时，可以通过变量名显式指定@State状态属性的初始值。*/@State count: number = 1private toggleClick() {this.count += 1// 当count被修改，build函数会被重新调用，刷新UI}build() {Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {Text(`click times: ${this.count}`).fontSize(50).fontWeight(FontWeight.Bold).onClick(() => this.toggleClick())}.width('100%').height('100%')}
}

1.1：疑问

鸿蒙方舟UI开发框架-eTS状态管理相关推荐

鸿蒙eTS状态管理Consume和Provide
Consume和Provide需要配合使用 Provide作为数据的提供方,可以更新其子孙节点的数据,并触发页面渲染.Consume在感知到Provide数据的更新后,会触发当前view的重新渲染. ...
鸿蒙HarmonyOS 方舟框架ArkUI eTS在一个ability下创建了很多page发现不能到达
鸿蒙HarmonyOS 方舟框架ArkUI eTS在一个ability下创建了很多page发现不能到达提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录鸿蒙HarmonyO ...
Flutter Provider 异步通信、Provider状态管理
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Flutter是谷歌推出的最新的移动开发框架. [x1]微信公众号的每日提醒随时随记每日积累随心而过 [x2]各种系列的视频教程 ...
Android原生UI开发框架《Jetpack Compose入门到精通》最全上手指南
前言在去年的Google/IO大会上,亮相了一个全新的 Android 原生 UI 开发框架-Jetpack Compose, 与苹果的SwiftIUI一样,Jetpack Compose是一个声明 ...
【Web技术】624- redux、mobx、concent 状态管理方案对比
授权原创:幻魂,来自掘金.如需查看文中 Demo,点击阅读原文. 序言 redux.mobx本身是一个独立的状态管理框架,各自有自己的抽象api,以其他UI框架无关(react, vue...),本文 ...
React组件设计实践总结05 - 状态管理
今天是 520,这是本系列最后一篇文章,主要涵盖 React 状态管理的相关方案. 前几篇文章在掘金首发基本石沉大海, 没什么阅读量. 可能是文章篇幅太长了?掘金值太低了? 还是错别字太多了? 后面静 ...
【转】Asp.net控件开发学习笔记整理篇 - Asp.net客户端状态管理
最近一直在做MVC项目,对于WEBFORM 好像快忘记了.周末无聊,顺带看看他人的笔记.再次温习下. 复习大纲: 导航.页面生命周期及其它导论一.服务器控件生命周期二.控件开发基础三.Asp.n ...
【详细】Android入门到放弃篇-YES OR NO-》各种UI组件，布局管理器，单元Activity
问:达叔,你放弃了吗? 答:不,放弃是不可能的,丢了Android,你会心疼吗?如果别人把你丢掉,你是痛苦呢?还是痛苦呢?~ 引导语有人说,爱上一个人是痛苦的,有人说,喜欢一个人是幸福的. 人与人之 ...
ASP.NET状态管理
第一部分:页面状态介绍 Http协议----"无状态协议" Web服务器每分钟对上千个用户进行管理的一种方式就是执行所谓的"无状态"链接.只要有一个希望浏览器返 ...
MobX - 基于响应式的状态管理
前言 MobX 是 Redux 之后的一个状态管理库,它相较于 redux 更轻量,整体是一个观察者模式的架构,存储 state 的 store 是被观察者,使用 store 的组件是观察者.MobX ...

鸿蒙方舟UI开发框架-eTS状态管理

鸿蒙eTS组件内的状态管理

1：@State

鸿蒙方舟UI开发框架-eTS状态管理相关推荐

最新文章

热门文章