react-virtualized List组件扩展最后一行的高度

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

const data = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'];

const rowRenderer = ({ index, key, style }) => {
  const isLastRow = index === data.length - 1;
  const rowStyle = {
    ...style,
    height: isLastRow ? 100 : 50, // 设置最后一行的高度为100，其他行为50
  };

  return (
    <div key={key} style={rowStyle}>
      {data[index]}
    </div>
  );
};

const Example = () => (
  <List
    rowCount={data.length + 1} // 包含最后一行
    rowHeight={50} // 设置每一行的高度
    rowRenderer={rowRenderer} // 自定义行的渲染方式
    width={300}
    height={400}
  />
);

export default Example;