react-虚拟化Grid.cellRenderer -添加样式支持时出现问题

import React from 'react';
import { Grid } from 'react-virtualized';

// 自定义单元格组件
const CellRenderer = ({ columnIndex, key, rowIndex, style }) => {
  // 根据行列索引获取数据
  const data = getData(rowIndex, columnIndex);

  // 根据数据渲染单元格内容
  return (
    <div key={key} style={style}>
      {data}
    </div>
  );
};

// Grid组件
const MyGrid = () => {
  // 获取行数和列数
  const rowCount = getRowCount();
  const columnCount = getColumnCount();

  // 渲染单元格
  const cellRenderer = ({ columnIndex, key, rowIndex, style }) => {
    return (
      <CellRenderer
        columnIndex={columnIndex}
        key={key}
        rowIndex={rowIndex}
        style={style}
      />
    );
  };

  return (
    <Grid
      cellRenderer={cellRenderer}
      columnCount={columnCount}
      rowCount={rowCount}
      columnWidth={100}
      rowHeight={30}
      width={500}
      height={300}
    />
  );
};

export default MyGrid;