如何在不使用固定CSS的情况下更改React JS中的Swiper高度或滑动宽度

import React from 'react';
import Swiper from 'swiper';
import 'swiper/css/swiper.css';

class MySwiper extends React.Component {
  componentDidMount() {
    this.swiper = new Swiper('.swiper-container', {
      // Swiper的配置选项
      // ...
    });
  }

  componentWillUnmount() {
    if (this.swiper) {
      this.swiper.destroy();
    }
  }

  render() {
    return (
      <div className="swiper-container">
        {/* Swiper的内容 */}
      </div>
    );
  }
}

import styled from 'styled-components';

const StyledSwiperContainer = styled.div`
  height: 400px; /* 设置高度 */
`;

class MySwiper extends React.Component {
  // ...
  render() {
    return (
      <StyledSwiperContainer className="swiper-container">
        {/* Swiper的内容 */}
      </StyledSwiperContainer>
    );
  }
}

class MySwiper extends React.Component {
  // ...
  render() {
    const swiperStyle = {
      height: '400px', // 设置高度
    };

    return (
      <div className="swiper-container" style={swiperStyle}>
        {/* Swiper的内容 */}
      </div>
    );
  }
}