搜索文档 /

反应性能

带有离子元件的回路betway东盟体育app

当使用带有离子元件的循环时,我们建议使用Rebetway东盟体育appact的 关键 属性。这允许React通过只更新组件内部的内容而不是重新创建整个组件,以一种高效的方式重新渲染循环元素。

通过使用 关键 你可以为每个循环元素提供一个稳定的标识,这样React就可以跟踪迭代器中的插入和删除。下面是一个如何使用的例子 关键

MyComponent.tsx


              进口
             反应
              
             
              
             useState
              
             
              
             
              “反应”
              
             
              进口
             
              
             IonContent
              
             IonItem
              
             IonLabel
              
             IonPage
              
             
              
             
              “@betway东盟体育appionic /反应”
              
             
              出口
             
              常量
             MyComponent
              
             反应
              
              足球俱乐部
             
              
             
              
              
             
              =>
             
              
             
              常量
             
              
             项目
              
             setItems
              
             
              
             
              useState
              
              
              
             id
              
             
              0
              
             价值
              
             
              “项0”
             
              
              
             
              
             id
              
             
              1
              
             价值
              
             
              第一项的
             
              
              
             
              ...
              
              
              
             
              返回
             
              
             
              <
             IonPage
              >
             
              <
             IonContent
              >
             
              
             项目
              
              地图
              
              
             
              =>
             
              
             
              返回
             
              
             
              <
             IonItem关键
              
              
             
              
             id
              
              >
             
              <
             IonLabel
              >
              
             
              
             价值
              
              <
              /
             IonLabel
              >
             
              <
              /
             IonItem
              >
             
              
             
              
              
              
             
              <
              /
             IonContent
              >
             
              <
              /
             IonPage
              >
             
              
             
              
复制 复制

在这个例子中,我们有一个名为 项目 .每个对象包含一个 价值 和一个 id .使用 关键 属性,我们传递 item.id 为每个对象。这 id 用于为每个循环元素提供一个稳定的标识。

有关React如何使用显示列表的更多信息 关键 看到的: https://reactjs.org/docs/lists-and-keys.html

以前的
测试
Baidu