我们在HarmonyOS开发中，如何实现条件渲染？

Question

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

Answer 1

自定义组件可以帮助我们重用代码和逻辑。

@Component
struct MyButton {
  @Prop text: string;
  @Prop onClick: () => void;

  build() {
    return (
      <UI.Button text={this.text} onClick={this.onClick} />
    );
  }
}

@Entry
@Component
struct Index {
  build() {
    return (
      <UI.Page>
        <MyButton
          text="Click Me"
          onClick={() => console.log('Button clicked!')}
        />
      </UI.Page>
    );
  }
}

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