@Fedyaaaa

Как передать массив Refs в другой компонент?

Есть компонент Component1, в котором есть массив Refs useRef([]). Пытаюсь передать этот массив в другой компонент, но выдаёт ошибку: "Cannot read properties of undefined (reading 'current')", что невозможно прочитать свойства. Подскажите, как решить проблему?
const sectionRefs = useRef([]);

<ScrollToNextSection visibleSection={visibleSection} ref={sectionRefs} />

import { useState, useRef, forwardRef } from "react";
import "./ScrollToNextSection.css";

function ScrollToNextSection() {
  const ScrollToSection = ({ visibleSection, ref }) => {
    const currentIndex = ref.current.findIndex(
      (ref) => ref && ref.id === visibleSection
    );
    const nextSection = ref.current[currentIndex + 1];

    if (nextSection) {
      nextSection.scrollIntoView({ behavior: "smooth" });
      return;
    }

    ref.current[0].scrollIntoView({ behavior: "smooth" });
  };

  return (
    <button onClick={ScrollToSection} className="scroll-btn">
      Вниз
    </button>
  );
}
export default ScrollToNextSection;
  • Вопрос задан
  • 31 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы