React Virtualized - 嵌套 WindowScrollerList

使用React Virtualized可以很方便地实现虚拟化列表的功能，但是在某些情况下，我们可能需要在列表中嵌套另一个可滚动的组件。为了实现这样的需求，React Virtualized提供了WindowScroller和List组件的组合使用。

javascript
import React from 'react';
import { WindowScroller, List } from 'react-virtualized';
const MyNestedList = () => {
  // 模拟数据
  const data = Array.from({ length: 100 }).map((_, index) => `Row ${index}`);
  // 渲染每一行的方法
  const rowRenderer = ({ index, key, style }) => (
    
      {data[index]}
    
  );
  return (
    
      {({ height, isScrolling, onChildScroll, scrollTop }) => (
        
                      autoHeight
            height={height}
            isScrolling={isScrolling}
            onScroll={onChildScroll}
            rowCount={data.length}
            rowHeight={30}
            rowRenderer={rowRenderer}
            scrollTop={scrollTop}
            width={300}
          />
        
      )}
    
  );
};
export default MyNestedList;