使用CDN的示例react-virtualized html页面

Question

我无法理解如何使用反应虚拟化的组件（例如AutoSizer）。任何人都可以分享对虚拟CDN示例的反应。我正在尝试使用CDN链接创建反应页面。

Answer 1

Demo page上有很多可用的示例 可以找到带有AutoSizer组件的示例的来源。如果要调整List尺寸，只需使用AutoSizer提供的值即可。

      <AutoSizer disableHeight>
        {({width}) => (
          <List
            ref="List"
            className={styles.List}
            height={listHeight}
            overscanRowCount={overscanRowCount}
            noRowsRenderer={this._noRowsRenderer}
            rowCount={rowCount}
            rowHeight={
              useDynamicRowHeight ? this._getRowHeight : listRowHeight
            }
            rowRenderer={this._rowRenderer}
            scrollToIndex={scrollToIndex}
            width={width}
          />
        )}
      </AutoSizer>

此外，react-virtualized为每个组件提供docs。