javascript - 为什么我在 Ionic-React 上的事件不起作用?

标签 javascript reactjs ionic-framework ionic4

现在,我正在使用 Ionic 和 React 开发我的第一个应用程序,在使用 Ionic 组件处理事件时遇到一些问题。

我尝试仅在组件上的幻灯片发生更改时才运行函数。已经阅读了所有有关它的文档,但没有任何效果,所以可能我做错了什么。

这是我现在的代码:

<IonSlides
        ionSlideDidChange={() => console.log("a")}
        pager={false}
        class="full-width"
      >
        <IonSlide class="full-width">
          {!loadingAchiv && (
            <Achievements achievementsList={this.state.achievementsList} />
          )}
        </IonSlide>
        <IonSlide class="full-width">
          {!loadingUsers && <Leaderboard users={this.state.userList} />}
        </IonSlide>

我的猜测是尝试 ionSlideDidChange 就像 OnClick 事件一样,但它根本不起作用。可能我错误地使用了 ionic 事件。谁能解释一下如何正确使用它?

谢谢!

最佳答案

操作,已解决:

<IonSlides
        onIonSlideDidChange={() => console.log("a")}
        pager={false}
        class="full-width"
      >

文档令人困惑,您必须始终将事件更改为:“onIon...”

谢谢大家

关于javascript - 为什么我在 Ionic-React 上的事件不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58860659/

相关文章:

javascript - 将 Promise 包装在 try/catch block 中是正确的方法吗?

javascript - 如何避免在 HTML5 Canvas 中对特定颜色着色

javascript - DevExtreme React 网格

angular - ionic : FileUploadOptions throw error when add to app. 模块.ts

android - ionic cordova 构建 android --prod 时出错

angular - Ionic 3 网格无法将行项目垂直居中

javascript - 有没有办法可以减少在 typescript 文件顶部定义的引用路径的数量?

css - react native : Different styles applied on orientation change

reactjs - React i18next Backend-Path 在本地和生产环境中不同

javascript - 包装并传递循环索引后从 img.onload 中访问 img