使用 CDN 的示例反应虚拟化 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。