如何使用 React/Ionic 设置活动的 IonicSegmentButton？答案

【问题标题】：How to set active IonicSegmentButton with React/Ionic?如何使用 React/Ionic 设置活动的 IonicSegmentButton？
【发布时间】：2020-06-19 14:16:43
【问题描述】：

我正在尝试将特定的细分按钮设置为活动状态，并且我一直在寻找如何做到这一点。 Angular/Ionic 似乎有可能，但我正在使用 React 并且无法找到 React 的答案。

代码如下：

<IonItem>
     <IonText>Status<IonText color="danger">*</IonText></IonText>
     <IonSegment id="event_status">
          <IonSegmentButton value="close">
               <IonLabel>Close</IonLabel>
          </IonSegmentButton>
          <IonSegmentButton value="open">
               <IonLabel>Open</IonLabel>
          </IonSegmentButton>
     </IonSegment>
</IonItem>

我想将关闭按钮设置为活动按钮

【问题讨论】：

尝试在您的主要<IonSegment id="event_status" value="close"> 标签上设置值。我没试过。但我希望它会起作用。
@NajamUsSaqib 你是个天才！它工作得很好。完全没想过要这么做……

标签： javascript reactjs ionic-framework

【解决方案1】：

因为它为您发布作为答案，所以其他人也可以获得帮助：

尝试在 <IonSegment id="event_status" value="close"> 主标签上设置值。

希望能成功

【讨论】：