我们在HarmonyOS开发中，如何实现组件的复用和抽象？

Question

我们在HarmonyOS开发中，如何实现组件的复用和抽象？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

代码定义了一个可复用的组件MyReusableComponent，它接受一个title属性，并在MyComponent中被复用。

@Component
struct MyReusableComponent {
    @Prop title: string;

    build() {
        Column() {
            Text(this.title).fontSize(18).fontWeight(FontWeight.Bold)
            // 更多内容...
        }
    }
}

@Entry
@Component
struct MyComponent {
    build() {
        Column() {
            MyReusableComponent { title: 'Hello, World!' }
            MyReusableComponent { title: 'Another Title' }
        }
    }
}

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