如何使用 <AutoSizer> 将宽度和高度设置为 100%？

Question

我按照示例：演示、源代码。

他们设置 width={width} 和 height={height}，如果我这样做，我什么也不会显示...要显示某些内容，我需要将高度设置为某个值，例如 600px，但我想将其设置为 100%窗户的高度。

我怎么做？

CSS

.AutoSizerWrapper {
  flex: 1 1 auto;
}

这是我的代码。

  <div className="AutoSizerWrapper">
    <AutoSizer>
      {({ width, height }) => (
        <Table
          width={width}
          height={600}
          headerHeight={50}
          rowHeight={50}
          rowCount={this.props.list.length}
          rowGetter={({ index }) => this.props.list[index]}
        >
          <Column label="#" dataKey="_id" width={100} flexGrow={1} />
          <Column
            label="Part Number"
            dataKey="itemNumber"
            disableSort
            width={100}
            flexGrow={1}
          />
          <Column
            width={100}
            label="Part Name"
            dataKey="partName"
            disableSort
            flexGrow={1}
          />
          <Column
            width={100}
            label="Part Description"
            dataKey="partDescription"
            disableSort
            flexGrow={1}
          />
          <Column
            width={100}
            label="customs Tariff Number"
            dataKey="customsTariff"
            disableSort
            flexGrow={1}
          />
          <Column
            width={100}
            label="Net Weight (kg)"
            dataKey="netWeight"
            disableSort
            flexGrow={1}
          />
        </Table>
      )}
    </AutoSizer>
</div>