如何使用DOM循环库(如'react-window‘或'react-vizualaized’)呈现两个具有动态高度项的列表

import { FixedSizeList } from 'react-window';

function MyList() {
  const data = [/* 假设这里有一些动态的数据 */];

  // 计算列表项的高度
  function getItemSize(index) {
    // 假设每个列表项的高度存储在data数组中的对应项中
    return data[index].height;
  }

  // 渲染列表项
  function renderRow({ index, style }) {
    // 假设每个列表项的内容存储在data数组中的对应项中
    const item = data[index];

    return (
      <div style={style}>
        {item.content}
      </div>
    );
  }

  return (
    <FixedSizeList
      height={400} // 列表的总高度
      width={300} // 列表的宽度
      itemCount={data.length} // 列表项的数量
      itemSize={getItemSize} // 列表项的高度
    >
      {renderRow} // 渲染列表项
    </FixedSizeList>
  );
}