HarmonyOS 组件变量被@Link修饰，如何使用ForEach批量创建组件

class GreenButtonState {  
  width: number = 0;  
  
  constructor(width: number) {  
    this.width = width;  
  }  
}  
  
@Component  
struct GreenButton {  
  @Link greenButtonState: GreenButtonState;  
  
  build() {  
    Button('Green Button')  
      .width(this.greenButtonState.width)  
      .height(40)  
      .backgroundColor('#64bb5c')  
      .fontColor('#FFFFFF，90%')  
      .onClick(() => {  
        if (this.greenButtonState.width < 700) {  
          // 更新class的属性，变化可以被观察到同步回父组件  
          this.greenButtonState.width += 60;  
        } else {  
          // 更新class，变化可以被观察到同步回父组件  
          this.greenButtonState = new GreenButtonState(180);  
        }  
      })  
  }  
}  
  
@Component  
struct YellowButton {  
  @Link yellowButtonState: number;  
  
  build() {  
    Button('Yellow Button')  
      .width(this.yellowButtonState)  
      .height(40)  
      .backgroundColor('#f7ce00')  
      .fontColor('#FFFFFF，90%')  
      .onClick(() => {  
        // 子组件的简单类型可以同步回父组件  
        this.yellowButtonState += 40.0;  
      })  
  }  
}  
  
@Entry  
@Component  
struct ShufflingContainer {  
  build() {  
    Column() {  
      Swiper(this.swiperController) {  
        ForEach(this.data, (item: GreenButtonState , index: number) => {  
          这里如何批量创建GreenButton 和YellowButton  
        })  
      }  
    }  
  }  
}  
}