Skip to content

条件渲染

就像 JSX 中一样,你可以直接使用普通的 if-else 语句来根据条件决定是否渲染元素。

ts
let count = 0;

$app([Basics], _ => {
  _.p(`Count is: ${count}`);

  _.button(`Add`) && count++;

  if (count > 0) {
    _.button("Reset") && (count = 0);
  }
});

运行结果

TIP

可以使用 && 运算符来根据条件渲染组件:

ts
input.length > 0 && _.button("Clear");