在HarmonyOS NEXT开发中stage开发模式如何实现类似于VUE 自定义hooks的功能？

Question

在HarmonyOS NEXT开发中stage开发模式如何实现类似于VUE 自定义hooks的功能？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

你可以使用自定义组件@BuiderParam占位， 自定义组件内默认传入空的@Buider方式来实现插槽功能。在调用组件的时候，按需传入一个@Buider作为插入内容。具体实现方式如下：

@Component 
export struct Son { 
  @Prop title: string = 'title' 
 
  @Builder 
  defaultSlot() { 
  } 
  @BuilderParam imageSlot: () => void = this.defaultSlot 
  build() { 
    Column() { 
      Text(this.title) 
      this.imageSlot() 
    } 
  } 
} 
@Entry 
@Component 
struct Parent { 
  private title = '我是title' 
  @Builder 
  img() { 
    Image($r('app.media.icon')) 
      .width('24') 
      .height('24') 
  } 
  build() { 
    Column() { 
      Son({ title: this.title, imageSlot: this.img }) 
    } 
  } 
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。