Lines Matching refs:State
6 在阅读\@Link文档前,建议开发者首先了解[\@State](./arkts-state.md)的基本用法。
33 …State, \@StorageLink和\@Link 建立双向绑定。允许父组件中[\@State](./arkts-state.md)、\@Link、[\@Prop](./a…
34 | 用于初始化子组件 | 允许,可用于初始化常规变量、\@State、\@Link、\@Prop、\@Provide。 |
83 @State parentSelectedDate: Date = new Date('2021-08-08');
117 为了了解\@Link变量初始化和更新机制,有必要先了解父组件和拥有\@Link变量的子组件的关系,初始渲染和双向更新的流程(以父组件为\@State为例)。
120 1. 必须指定父组件中的\@State变量,用于初始化子组件的\@Link变量。子组件的\@Link变量值与其父组件的数据源变量保持同步(双向数据同步)。
121 …2. 父组件的\@State状态变量包装类通过构造函数传给子组件,子组件的\@Link包装类拿到父组件的\@State的状态变量后,将当前\@Link包装类this指针注册给父组件的\@State…
124 …1. 通过初始渲染的步骤可知,子组件\@Link包装类把当前this指针注册给父组件。父组件\@State变量变更后,会遍历更新所有依赖它的系统组件(elementid)和状态变量(比如\@Lin…
127 3. \@Link的更新:当子组件中\@Link更新后,处理步骤如下(以父组件为\@State为例):
128 1. \@Link更新后,调用父组件的\@State包装类的set方法,将更新后的数值同步回父组件。
129 2. 子组件\@Link和父组件\@State分别遍历依赖的系统组件,进行对应的UI的更新。以此实现子组件\@Link同步回父组件\@State。
161 // 错误写法,@Link与@State数据源类型不一致
172 @State info: Info = new Info();
176 // 错误写法,@Link与@State数据源类型不一致
203 @State info: Info = new Info();
236 @State message: string = 'Hello';
237 @State info: Info = new Info();
268 @State message: string = 'Hello';
269 @State info: Info = new Info();
290 1.点击子组件GreenButton和YellowButton中的Button,子组件会发生相应变化,将变化同步给父组件。因为@Link是双向同步,会将变化同步给@State。
292 2.当点击父组件ShufflingContainer中的Button时,@State变化,也会同步给@Link,子组件也会发生对应的刷新。
345 @State greenButtonState: GreenButtonState = new GreenButtonState(180);
346 @State yellowButtonProp: number = 180;
351 // 简单类型从父组件@State向子组件@Link数据同步
360 // class类型从父组件@State向子组件@Link数据同步
414 @State arr: number[] = [1, 2, 3];
438 …ArkUI框架可以观察到数组元素的添加,删除和替换。在该示例中\@State和\@Link的类型是相同的number[],不允许将\@Link定义成number类型(\@Link item : n…
483 @State message: Map<number, string> = new Map([[0, "a"], [1, "b"], [3, "c"]])
537 @State message: Set<number> = new Set([0, 1, 2, 3, 4])
555 下面的示例中,在\@Link的\@Watch里面修改了一个\@State装饰的变量sourceNumber,实现了父子组件间的变量同步。但是\@State装饰的变量memberMessage在本地修…
561 @State sourceNumber: number = 0;
579 @State memberMessage: string = 'Hello World';
628 @State name: string | undefined = "mary"
654 在子组件中使用\@Link装饰状态变量需要保证该变量与数据源类型完全相同,且该数据源需为被诸如\@State等装饰器装饰的状态变量。
680 @State info: Info = new Info(1);
688 // @Link装饰的变量需要和数据源@State类型一致
695 …age})初始化。\@Link的数据源必须是装饰器装饰的状态变量,简而言之,\@Link装饰的数据必须和数据源类型相同,比如\@Link: T和\@State : T。所以,这里应该改为\@Lin…
724 @State info: Info = new Info(1);
732 // @Link装饰的变量需要和数据源@State类型一致
760 @State score: Score = new Score(1);
820 @State score: Score = new Score(1);