我正在使用 react typescript。当我在 swiper 滑块组件上设置thumbs={{ swiper: thumbsSwiper }>时，它给出了一个错误Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'addClass')。我该如何解决它？如果我在 js 文件中使用以下代码，
2022-03-03
我一直在尝试在 React 中创建一个利用 Swiper.js 自动播放功能来停止和播放的 Swiper。我尽可能地遵循他们的指示，并进行了大量研究以寻找答案。我甚至能够通过执行相同操作的jQuery 示例（某种程度上）确认我的设置，但即使是该参考在 React 中也无济于事。这是我目前得到的结果：// Note: I am using Next.js,// so there are some m
2022-07-25
嗨，我正在尝试在 vue cli 中使用 Swiper，但它对我来说不起作用。我正在阅读官方文档，似乎没有任何问题，我尝试复制和粘贴，但也没有用。https://swiperjs.com/vue <template><div><Swiper :slides-per-view="4" :space-beetween="50"><SwiperSlide>SLIDE 1</SwiperSlide><S
2021-03-23
我想使用 Swiper 在我的 React 应用程序中添加滑块。它滑动不正确。首先我使用npm install Swiper安装 swiper，然后import Swiper from swiper在我的组件的 componentDidMount 方法中写入此内容var swiper = new Swiper('.swiper-container', {direction: 'vertical',
2019-12-04
我对 Swiper JS 中的控制器有点问题。我完全按照 Swiper 文档中的内容逐字逐句地做了，我甚至没有更改名称来使其工作。我看了他们的教程，但它仍然不起作用。有人知道可能出了什么问题吗？提前感谢任何答案。文档：https://swiperjs.com/react顺便说一句。我把我不想分享的名称替换为“....”import React, { useState } from 'react';
2021-03-28
Swiper 7.0.5 swiper/css 给出错误“未找到模块：无法解析‘swiper/css’”import { Swiper, SwiperSlide } from 'swiper/react';import 'swiper/css';function Test() {return (<SwiperspaceBetween={50}slidesPerView={3}onSlideChan
2021-09-12
我在使用最新版本的 Swiper 时也遇到了同样的问题。它在我的上一个项目上可以正常工作，但现在无法正常工作。甚至那个版本也不行。我也尝试了最新版本。这是我的代码。// Import Swiper React componentsimport { Swiper, SwiperSlide } from "swiper/react";// Import Swiper stylesimport "swi
我正在构建一个 React 应用程序。我对 React 和 JS 还不熟悉。我尝试将swiperjs库导入到现有的 React 项目中：import React, { Component } from "react";import { Swiper, SwiperSlide } from 'swiper/react';function HomeBanner(props) {return (<div
2021-09-16
因此，我想使用 Swiper 库进行反应。我有多个电影元素，我想在它们之间滑动。我像这样导入它：import Swiper from 'react-id-swiper';我这样使用它：<div className="carousel-container"><Swiper>{movies.map(movie =><MovieItem movie={movie} key={movie.title}/>
2022-02-21
因此，我正在学习 Traversy Media 的一门名为“React Front To Back 2022”的课程，在课程的第 16 部分的第 5 和第 6 个视频中，他使用了 Swiper 组件。我一步一步地跟着做，但最后它抛出了一个错误，所以经过一番思考和谷歌搜索后，我决定查看他发布的该项目 GitHub 存储库的解决方案，我比较了代码，看起来一样，我复制了它，但仍然抛出错误并且没有呈现页面
我正在使用 Swiper 库来显示图片幻灯片和缩略图。每当我点击某个缩略图时，映射到所点击缩略图的图片就会出现在视图中。import { Swiper, SwiperSlide } from "swiper/react";import { Navigation, Thumbs } from "swiper";import "swiper/css";import "swiper/css/naviga
我找不到任何可以解决这个问题的方法，所以我会尝试一下（这是我的第一次尝试）。我正在使用 TypeScript 和 Next.js，尽管 Swiper 没有直接支持 Next.js 和 TS。TypeScript 中的代码：import { Box } from '@chakra-ui/react';import React from 'react';import { SwiperSlide } f
2022-07-20
我有一个使用 swiperjs 在 react 和 nextjs 项目中为评论编写的组件，但我收到一个错误，似乎来自这个评论组件，说未处理的运行时错误 TypeError：无法读取未定义的属性（读取“includes”）我不知道为什么，但是当我注释掉该组件中的所有代码时，一切似乎都正常工作。我也尝试过在 package.json 中升级 swiper，也尝试过降级 react，但错误不会消失。请帮
在 swiper.js 上，我尝试在自动滑块上添加播放、停止按钮。所以我尝试了这样的方法$(function() {var homeSwiper = new Swiper('.home_top_swiper', {pagination: '.swiper-pagination',nextButton: '.swiper-button-next',prevButton: '.swiper-butto
2018-09-14
我想包含此幻灯片：https://swiperjs.com/react/由于我发现拖动下一张幻灯片不太舒服，我想向完整滑块添加一个onClick事件，以便下一张幻灯片出现。如何在 React 中触发slideNext()？我在阅读文档时遇到问题/我不明白它 - 而且似乎文档没有告诉如何在 react 中执行此操作。在 jquery 中它将是这样的：$('section.slideshow').on