Как использовать ссылку внутри функционального компонента?

#javascript #reactjs #react-native

#javascript #reactjs #react-native

Вопрос:

недавно я преобразовал свой код в функциональный компонент, чтобы попробовать хуки. у меня возникает проблема, когда я хочу использовать метод scrollTo из ScrollView. тогда я использовал this.refs.scrollTo, но сейчас я не могу этого сделать.

я пытался использовать useRef из хуков, но это также не удалось. вот как я это реализую

 const boardScreen = useRef(null);
...
const nextButtonHandler = async () => {
  if (scrollPosition < (content.length - 1) * width) {
      await setScrollPosition(scrollPosition   width);
      boardScreen.current.scrollTo({ x: scrollPosition, animated: true 
    });
  }
};

<ScrollView
  horizontal
  pagingEnabled
  onMomentumScrollEnd={onScrollEnd}
  showsHorizontalScrollIndicator={false}
  ref={boardScreen}
  onScroll={Animated.event([
    {
      nativeEvent: { 
        contentOffset: { 
          x: scrollX 
        } 
      } 
    }
  ])}
  scrollEventThrottle={16}
>
 {renderContent()}
</ScrollView> 
  

есть предложения? или я должен просто вернуться к использованию class для этой проблемы?

Комментарии:

1. Пожалуйста, включите весь ваш компонент. Вы также должны использовать ref={boardScreen} для элемента.

2. я отредактировал @Tholle