HarmonyOS ForEach 遍历数据，循环渲染的UI中有button按钮，button文字要根据数据中的状态字段的改变而改变

build() { 
  Flex({ direction: FlexDirection.Column }) { 
    ForEach(this.dataList, (item, index) => { 
      Button({ type: ButtonType.Text, onClick: () => this.updateStatus(item.id, 'new status') }) { 
        // 使用三元运算符或其他逻辑来根据状态设置按钮文字   
        Text(item.status === 'active' ? 'Activate' : 'Deactivate').fontSize(16).margin({ top: '8vp' }) 
      }.width('100%').height('50vp').margin({ bottom: '8vp' }) 
    }, item => item.id) // 使用 id 作为 key   
  }.width('100%').height('100%').justifyContent(FlexAlign.Center).alignItems(FlexAlign.Center) 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.