如何在方向改变时更新react swiper？

npm install react-id-swiper --save

import React from 'react';
import { Swiper, SwiperSlide } from 'react-id-swiper';
import 'swiper/swiper.scss';

constructor(props) {
  super(props);
  this.state = {
    direction: 'horizontal' // 默认为水平方向
  };
}

render() {
  const { direction } = this.state;
  const params = {
    direction: direction,
    // 其他Swiper参数...
  };

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

changeDirection = () => {
  this.setState(prevState => ({
    direction: prevState.direction === 'horizontal' ? 'vertical' : 'horizontal'
  }));
}

<button onClick={this.changeDirection}>改变方向</button>