为React apexchart热图设置状态后，它的高度不变

import ReactApexChart from 'react-apexcharts';

import React, { Component } from 'react';

class MyHeatmap extends Component {
  constructor(props) {
    super(props);
    
    this.state = {
      chartOptions: {
        // 设置其他热图选项
        // ...
      },
      chartSeries: [
        {
          // 设置热图数据
          // ...
        }
      ]
    };
  }
  
  render() {
    return (
      <div className="heatmap">
        <ReactApexChart
          options={this.state.chartOptions}
          series={this.state.chartSeries}
          type="heatmap"
          height={350} // 这里设置热图的高度，可以根据需要进行调整
        />
      </div>
    );
  }
}

export default MyHeatmap;

componentDidMount() {
  // 在此更新热图状态
  this.setState({
    chartOptions: {
      // 更新热图选项
      // ...
    },
    chartSeries: [
      {
        // 更新热图数据
        // ...
      }
    ]
  });
}

import React from 'react';
import MyHeatmap from './MyHeatmap';

function App() {
  return (
    <div className="app">
      <h1>My App</h1>
      <MyHeatmap />
    </div>
  );
}

export default App;