Блог

Я пытаюсь ссылаться на прокручиваемый список в react-virtualized с помощью ссылки. Но мой ref всегда показывает, что его текущий атрибут не определен. Кто-нибудь знает, как использовать ссылку с react-virtualized списком?

Вот что я сейчас делаю, но listRef.current всегда не определен:

 const listRef = useRef()

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

Вы должны использовать обратный вызов pass, поскольку он использует LegacyRef .

 const listRef = useRef()

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

/>
  

когда вы используете ref, вы должны заботиться о «listRef.current», а не только о «listRef»