Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
8a1811c3
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
8a1811c3
编写于
3月 26, 2022
作者:
L
LiAn
提交者:
Gitee
3月 26, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/ui/ts-rending-control-syntax-foreach.md.
Signed-off-by:
N
LiAn
<
lian15@huawei.com
>
上级
554ad58d
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
5 addition
and
5 deletion
+5
-5
zh-cn/application-dev/ui/ts-rending-control-syntax-foreach.md
...n/application-dev/ui/ts-rending-control-syntax-foreach.md
+5
-5
未找到文件。
zh-cn/application-dev/ui/ts-rending-control-syntax-foreach.md
浏览文件 @
8a1811c3
# 循环渲染
# 循环渲染
开发框架提供
**循环渲染(**
ForEach组件)来迭代数组,并为每个数组项创建相应的组件。
**ForEach**
定义如下:
开发框架提供
循环渲染(ForEach组件)来迭代数组,并为每个数组项创建相应的组件。ForEach
定义如下:
```
```
...
@@ -18,19 +18,19 @@ ForEach(
...
@@ -18,19 +18,19 @@ ForEach(
ForEach(arr: any[],itemGenerator: (item: any, index?: number) =
>
void, keyGenerator?: (item: any, index?: number) =
>
string):void
ForEach(arr: any[],itemGenerator: (item: any, index?: number) =
>
void, keyGenerator?: (item: any, index?: number) =
>
string):void
**表1**
参数说明
表1
参数说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| arr | any[] | 是 | - | 必须是数组,允许空数组,空数组场景下不会创建子组件。同时允许设置返回值为数组类型的函数,例如arr.slice(1,
3),设置的函数不得改变包括数组本身在内的任何状态变量,如
**Array.splice**
、
**Array.sort**
或
**Array.reverse**
这些改变原数组的函数。 |
| arr | any[] | 是 | - | 必须是数组,允许空数组,空数组场景下不会创建子组件。同时允许设置返回值为数组类型的函数,例如arr.slice(1,
3),设置的函数不得改变包括数组本身在内的任何状态变量,如
Array.splice、Array.sort或Array.reverse
这些改变原数组的函数。 |
| itemGenerator | (item:
any,
index?:
number)
=
>
void | 是 | - | 生成子组件的lambda函数,为给定数组项生成一个或多个子组件,单个组件和子组件列表必须括在大括号“
**{....}**
”中。 |
| itemGenerator | (item:
any,
index?:
number)
=
>
void | 是 | - | 生成子组件的lambda函数,为给定数组项生成一个或多个子组件,单个组件和子组件列表必须括在大括号“
{....}
”中。 |
| keyGenerator | (item:
any,
index?:
number)
=
>
string | 否 | - | 匿名参数,用于给定数组项生成唯一且稳定的键值。当子项在数组中的位置更改时,子项的键值不得更改,当数组中的子项被新项替换时,被替换项的键值和新项的键值必须不同。键值生成器的功能是可选的,但是,为了使开发框架能够更好地识别数组更改,提高性能,建议提供。如将数组反向时,如果没有提供键值生成器,则ForEach中的所有节点都将重建。 |
| keyGenerator | (item:
any,
index?:
number)
=
>
string | 否 | - | 匿名参数,用于给定数组项生成唯一且稳定的键值。当子项在数组中的位置更改时,子项的键值不得更改,当数组中的子项被新项替换时,被替换项的键值和新项的键值必须不同。键值生成器的功能是可选的,但是,为了使开发框架能够更好地识别数组更改,提高性能,建议提供。如将数组反向时,如果没有提供键值生成器,则ForEach中的所有节点都将重建。 |
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> - 必须在容器组件内使用;
> - 必须在容器组件内使用;
>
>
> - 生成的子组件允许在
**ForEach**的父容器组件中,允许子组件生成器函数中包含**if/else**条件渲染,同时也允许**ForEach**包含在**if/else**
条件渲染语句中;
> - 生成的子组件允许在
ForEach的父容器组件中,允许子组件生成器函数中包含if/else条件渲染,同时也允许ForEach包含在if/else
条件渲染语句中;
>
>
> - 子项生成器函数的调用顺序不一定和数组中的数据项相同,在开发过程中不要假设子项生成器和键值生成器函数是否执行以及执行顺序。如下示例可能无法正常工作:
> - 子项生成器函数的调用顺序不一定和数组中的数据项相同,在开发过程中不要假设子项生成器和键值生成器函数是否执行以及执行顺序。如下示例可能无法正常工作:
> ```
> ```
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录