Ionic React - IonRange 未正确显示

问题描述

我最近开始使用 Ionic React，我想尝试使用 IonRange 组件。以下是我在 JSX 中的 IonRange 代码（旁边有一个按钮和一些文本）：

      <IonApp>
            <IonContent>
                <IonGrid className="align-all-center">
                    <IonRow className="content-padding">
                        <IonButton onClick={updateName}>
                            Press Me!
                        </IonButton>
                    </IonRow>
                    <IonRow className="content-padding">
                        <IonText color="light">
                            Hello {name}!
                        </IonText>
                    </IonRow>
                    <IonRow>
                        <IonRange value={50} pin={true} min={0} max={100}></IonRange>
                    </IonRow>
                </IonGrid>
            </IonContent>
      </IonApp>

然而，我在浏览器中得到的结果是：

每当我试图擦洗那个点时，其中一个值是：

感谢您的帮助。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）