使用react-virtualized中的AutoSIzer

Question

以下是我的代码

import * as React from "react";
import { Component } from 'react';
import { List,AutoSizer,CellMeasurer, CellMeasurerCache} from 'react-virtualized';
import 'react-virtualized/styles.css';

const list = [
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen','oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen','oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen','oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen',
  'oneoneoneoneoneoeneoeneoenoeoneoeen','oneoneoneoneoneoeneoeneoenoeoneoeen',

]
function rowRenderer ({ key, index, style}) {
  return (
    <div
      key={key}
      style={style}
    >
      {list[index]}
    </div>
  )
}
export default class App extends Component{
  render(){
    return (
      <AutoSizer style={{height:'400px',width:'200px', resize:'both',overflow:'auto' }}>
    {({ height, width }) => (
      <List
        height={height}
        rowCount={list.length}
        rowHeight={20}
        rowRenderer={rowRenderer}
        width={width}
      />
    )}
  </AutoSizer>
    )
  }
}

但是在页面上显示改变大小，List的内容并没有铺满autosizer