中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
如何处理ForEach第三个参数键值生成耗时久导致的卡顿问题
微信扫码分享
针对ForEach耗时影响性能,注意生成key的规则。
使用ForEach渲染时第三个参数KeyGenerator函数如果处于缺省状态,ArkUI框架会使用默认的键值生成函数,即(item: any, index: number) => { return index + '__' + JSON.stringify(item); },在数据复杂的对象集合和复杂的交互中,会影响渲染性能。
为满足键值的唯一性,对于对象数据类型,建议使用对象数据中的唯一id作为键值。不推荐将第三个参数KeyGenerator函数处于缺省状态,以及在键值生成规则中包含数据项索引index。
更多ForEach键值规则参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-rendering-control-foreach-0000001820999585#ZH-CN_TOPIC_0000001857915997__%E4%BD%BF%E7%94%A8%E5%BB%BA%E8%AE%AE
针对ForEach耗时影响性能,注意生成key的规则。
使用ForEach渲染时第三个参数KeyGenerator函数如果处于缺省状态,ArkUI框架会使用默认的键值生成函数,即(item: any, index: number) => { return index + '__' + JSON.stringify(item); },在数据复杂的对象集合和复杂的交互中,会影响渲染性能。
为满足键值的唯一性,对于对象数据类型,建议使用对象数据中的唯一id作为键值。不推荐将第三个参数KeyGenerator函数处于缺省状态,以及在键值生成规则中包含数据项索引index。
更多ForEach键值规则参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-rendering-control-foreach-0000001820999585#ZH-CN_TOPIC_0000001857915997__%E4%BD%BF%E7%94%A8%E5%BB%BA%E8%AE%AE