隐藏元素Ionic React ts

问题描述

我有

const Dashboard: React.FC<RouteComponentProps> = ({ history }) => {

  var random = 1;

  return (
    <React.Fragment>
      <IonTitle id="title">MyLittleClass Dashboard</IonTitle>
      <IonContent>
      </IonContent>
    </React.Fragment>
  );
};

export default Dashboard;

如果我的var random为1，如何隐藏ID为“ title”的元素？ ....很简单，但是我不明白如何引用我的元素。

Ty

解决方法

使用条件显示，例如：

const Dashboard: React.FC<RouteComponentProps> = ({ history }) => {

  var random = 1;

  return (
    <React.Fragment>
      {random === 1 && <IonTitle id="title">MyLittleClass Dashboard</IonTitle>}
      <IonContent>
      </IonContent>
    </React.Fragment>
  );
};

export default Dashboard;

在那种情况下，IonTitle仅在random等于1的情况下才会呈现。