Reactjs 我试图在react.js中构建一个垂直鼠标滚轮控制开关，但它不起作用？

我正在尝试使用react.js创建一个带有react id swiper的鼠标滚轮控件垂直swiper，但它不工作没有错误没有样式只是显示放置在div中的文本。任何人都可以帮助解决这个问题

我只需编写此代码并从库中包含css

import React from "react";
import Swiper from "react-id-swiper";
import "react-id-swiper/lib/styles/scss/swiper.scss";

class Example extends React.Component {
  render() {
    const params = {
      container: ".container",
      pagination: ".swiper-pagination",
      paginationClickable: true,
      direction: "vertical"
    };
    return (
      <Swiper {...params}>
        <div>Slide 1</div>
        <div>Slide 2</div>
        <div>Slide 3</div>
        <div>Slide 4</div>
        <div>Slide 5</div>
      </Swiper>
    );
  }
}

export default Example;

从“React”导入React；
从“反应id Swiper”导入Swiper；
导入“react id swiper/lib/styles/scss/swiper.scss”；
类示例扩展了React.Component{
render（）{
常量参数={
容器：“.container”，
分页：“.swiper分页”，
paginationClickable:true，
方向：“垂直”
};
返回(
幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
);
}
}
导出默认示例；

您必须在您的选项中启用鼠标滚轮事件，如Swiper中所述：

const参数={
容器：“.container”，
分页：“.swiper分页”，
paginationClickable:true，
方向：“垂直”，
鼠标滚轮：正确，//https://idangero.us/swiper/api/#mousewheel
};
返回(
幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
);

您是否收到任何错误？您能告诉我如何为这个#鼠标滚轮控制开关设置事件的代码吗？@wiessonLast行在我的示例中的params对象中！对你有用吗？如果是，我很高兴你接受我的回答！我有一个查询，in-react应用程序引导程序不工作（找不到错误模块）

const params = {
  container: ".container",
  pagination: ".swiper-pagination",
  paginationClickable: true,
  direction: "vertical",
  mousewheel: true, // https://idangero.us/swiper/api/#mousewheel
};

return (
  <Swiper {...params}>
    <div>Slide 1</div>
    <div>Slide 2</div>
    <div>Slide 3</div>
    <div>Slide 4</div>
    <div>Slide 5</div>
  </Swiper>
);