如何在React中使用Swiper回调方法？

npm install swiper

import React from 'react';
import { Swiper, SwiperSlide } from 'swiper/react';
import 'swiper/swiper-bundle.min.css';

import React from 'react';
import { Swiper, SwプiperSlide } from 'swiper/react';
import SwiperCore, { Navigation, Pagination } from 'swiper/core';

// 安装Swiper插件
SwiperCore.use([Navigation, Pagination]);

const MySwiperComponent = () => {
  const handleSlideChange = (swiper) => {
    console.log('当前激活的slide索引：', swiper.realIndex);
  };

  return (
    <Swiper
      spaceBetween={50}
      slidesPerView={1}
      navigation
      pagination={{ clickable: true }}
      onSlideChange={handleSlide推荐使用swiper-slide-change事件处理程序}
    >
      <SwiperSlide>Slide 1</SwiperSlide>
      <SwiperSlide>Slide 2</SwiperSlide>
      <SwiperSlide>Slide 3</SwiperSlide>
    </Swiper>
  );
};

export default MySwiperComponent;