有没有办法用react-virtualized将ref设置为List？

Question

我正在尝试使用ref引用react-virtualized中的可滚动列表。但是我的ref总是将它的当前属性显示为未定义。有谁知道如何使用ref with react-virtualized List吗？

下面是我目前正在做的事情，但listRef.current始终是未定义的：

const listRef = useRef()

<List
      width={350}
      height={400}
      rowCount={listsprings.length}
      rowHeight={100}
      rowRenderer={rowRenderer}
      style={{ outline: 'none' }}
      ref={listRef}
      />

Answer 1

您必须使用传递回调，因为它使用LegacyRef。

const listRef = useRef()

<List
      ref={(ref) => { listRef.current = ref }}
      width={350}
      height={400}
      rowCount={listsprings.length}
      rowHeight={100}
      rowRenderer={rowRenderer}
      style={{ outline: 'none' }}

/>

Answer 2

当你使用ref时，你应该注意"listRef.current“，而不仅仅是"listRef”。